Initial page for Cloudbase Labs Iasi

404.html

@@ -1,6 +1,7 @@
 ---
 layout: index
 title: 404
+permalink: 404.html
 ---
 
 {% include error.html %}

_config.yml

@@ -78,32 +78,10 @@ pinterest-share: True
 pocket-share: True
 vkontakte-share: True
 
-disqus-shortname: "panossakkos"
+disqus-shortname: "cloudbaselabs"
 
 syntax-highlight: True
 
-############
-# Timeline #
-############
-
-events:
-  - image: "/img/timeline/spidertocat.png"
-    date: "September 2013 - Today"
-    description: "Saving the neighborhood!"
-  - image: "/img/timeline/baracktocat.jpg"
-    date: "September 2007 - August 2013"
-    description: "Started coding"
-
-# First image of the Timeline
-
-timeline-img: "/img/timeline/default.png"
-
-###########
-# Contact #
-###########
-
-email: "[email protected]"
-
 ##################
 # Social Buttons #
 ##################
@@ -139,10 +117,15 @@ exclude: ["LICENSE", "README.md", "CONTRIBUTING", "CONTRIBUTORS", "scripts"]
 paginate_path: "blog/page:num/"
 
 # Enable minification SASS
-
 sass:
   style: compressed
 
 gems:
   - jekyll-paginate
   - jemoji
+
+safe: false
+
+# Build Settings
+markdown: kramdown
+permalink: pretty

_data/home/header.yml

@@ -1,6 +1,3 @@
-##############################
-# Dynamic Text on the Header #
-##############################
 background-img: "/img/home-background.jpg"
 intro-text: >
   "Sometimes it's the journey that teaches you a lot about your destination."

_data/iasi/about.yml

@@ -0,0 +1,12 @@
+title: "Cloudbase LABS @Iasi"
+content: >
+    <p>The goal of this workshop is to be able to become familiar
+    and confident with Python, test previously implemented features,
+    be able to fix simple bugs and start implementing Python code in
+    one of the biggest open source projects out there, OpenStack.<p>
+    
+    <p>To get there, we will also give a crash course on system
+    administration (Linux / Windows + scripting - Bash / PowerShell)
+    and networking principles that are required to deploy an OpenStack
+    cloud for development purposes, understand the general concepts and
+    architecture, be able to look under the hood and debug.</p>

_data/iasi/contact.yml

@@ -0,0 +1,22 @@
+title: Get in touch
+content: <p>How can we help you? Send us a <a href="https://cloudbase.it/about/#contact" target="_blank">message</a>.</p>
+
+blocks:
+ -
+  title: "Cloudbase Solutions"
+  links:
+   - {link: "https://cloudbase.it/about/", text: "About us"}
+   - {link: "https://cloudbase.it/about/#team", text: "Our Team"}
+
+ -
+  title: "Quick links"
+  links:
+   - {permalink: "/iasi/", text: "Cloudbase LABS @Iași"}
+   - {permalink: "/timisoara/", text: "Cloudbase LABS @Timișoara"}
+ -
+  title: "Our Offices"
+  links:
+   - {link: "https://www.google.com/maps/place/Cloudbase+Solutions/@45.745814,21.232827,15z/data=!4m2!3m1!1s0x0:0x199da4b8142cc67?hl=ro-RO",
+      text: "Timișoara: Ion Vidu 3, Romania"}
+   - {link: "https://www.google.com/maps/place/Continental,+Bulevardul+Poitiers+6,+Ia%C8%99i,+Rom%C3%A2nia/@47.137145,27.599266,15z/data=!4m2!3m1!1s0x40cafbc814d8d299:0x3b1c37116a5c9b5?hl=ro-RO",
+      text: "Iași: Poitiers 6, Romania"}

_data/iasi/header.yml

@@ -0,0 +1,9 @@
+background-img: "/img/iasi-background.jpg"
+intro-text: >
+    "The journey of a thousand miles begins with one step."<br>
+    ~Lao Tzu
+
+items:
+    - section: "apply-now"
+      image: "../img/apply-now.jpg"
+      description: "Apply now !"

_data/iasi/navigation.yml

@@ -0,0 +1,10 @@
+logo: null
+title: null
+
+links:
+    - {section: "page-top",    text: "Home"}
+    - {section: "about",       text: "About"}
+    - {section: "timeline",    text: "Timeline"}
+    - {section: "latest-post", text: "News"}
+    - {section: "apply-now",   text: "Apply now"}
+    - {section: "contact",     text: "Contact"}

_data/iasi/timeline.yml

@@ -0,0 +1,25 @@
+timeline-img: "/img/timeline/default.png"
+title: "Timelime"
+events:
+  - image: "/img/timeline/father_timeout.jpg"
+    date: "6 - 23 January"
+    description: "Submission of the applications."
+
+  - image: "/img/timeline/agendacat.png"
+    date: "11 - 30 January"
+    description: "Interviews for the trainings."
+
+  - image: "/img/timeline/supportcat.png"
+    date: "25 - 31 January"
+    description: "Announcement of the results."
+
+  - image: "/img/timeline/socialite.jpg"
+    date: "1 - 14 February"
+    description: >
+        Open Source 101 - Basic information about open source,
+        source control, python, bash, PowerShell, basic linux
+        and more."
+
+  - image: "/img/timeline/pythocat.png"
+    date: "15 February"
+    description: ""

_includes/apply-now.html

@@ -0,0 +1,85 @@
+<!-- Begin Apply now Section -->
+<section id="apply-now" class="apply-now container content-section">
+  <div class="row">
+    <!-- Begin MailChimp Signup Form -->
+    <div id="mc_embed_signup" class="col-md-8 col-md-offset-2">
+      <h3>Apply now to Cloudbase LABS @Iasi</h3>
+
+      <form action="//cloudbase.us12.list-manage.com/subscribe/post?u=ce05e28a1949a6fa80466834d&amp;id=bd6ffd5cfe" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-horizontal" target="_blank" role="form" novalidate>
+        <div class="form-group">
+          <label for="mce-FNAME" class="control-label col-sm-2">First Name <span class="asterisk">*</span></label>
+          <div class="col-sm-10">
+            <input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="Enter first name (e.g. Pinguinescu)">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="mce-LNAME" class="control-label col-sm-2">Last Name <span class="asterisk">*</span></label>
+            <div class="col-sm-10">
+              <input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME" placeholder="Enter last name (e.g. Tuxy)">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="mce-EMAIL" class="control-label col-sm-2">Email Address <span class="asterisk">*</span></label>
+            <div class="col-sm-10">
+              <input type="email" value="" name="EMAIL" class="form-control required email" id="mce-EMAIL" placeholder="Enter email (e.g. [email protected])">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="mce-MMERGE3" class="control-label col-sm-2">Phone Number <span class="asterisk">*</span></label>
+            <div class="col-sm-10">
+              <input type="text" name="MMERGE3" class="form-control required" value="" id="mce-MMERGE3"  placeholder="Enter phone number (e.g. +04 xxx-xxx-xxx)">
+            </div>
+          </div>
+
+        <div class="form-group">
+          <label for="mce-MMERGE4" class="control-label col-sm-2">Github </label>
+          <div class="col-sm-10">
+            <input type="url" value="" name="MMERGE4" class="form-control url" id="mce-MMERGE4">
+          </div>
+        </div>
+
+        <div class="form-group">
+          <label for="mce-MMERGE5" class="control-label col-sm-2">Linkedin </label>
+          <div class="col-sm-10">
+            <input type="url" value="" name="MMERGE5" class="form-control url" id="mce-MMERGE5">
+          </div>
+        </div>
+
+        <div class="form-group">
+          <label for="mce-MMERGE6" class="control-label col-sm-2">CV </label>
+          <div class="col-sm-10">
+            <input type="url" value="" name="MMERGE6" class="form-control url" id="mce-MMERGE6" placeholder="e.g. Dropbox / Google Drive link">
+          </div>
+        </div>
+
+        <div id="mce-responses" class="form-group">
+          <div class="response" id="mce-error-response" style="display:none"></div>
+          <div class="response" id="mce-success-response" style="display:none"></div>
+        </div>    
+
+        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+        <div style="position: absolute; left: -5000px;" aria-hidden="true">
+          <input type="text" name="b_ce05e28a1949a6fa80466834d_bd6ffd5cfe" tabindex="-1" value="">
+        </div>
+
+        <div class="form-group">
+          <div class="col-sm-offset-2 col-sm-10">
+            <span class="asterisk">*</span> indicates required
+          </div>
+        </div>
+
+        <div class="form-group text-center">
+          <div class="col-sm-offset-2 col-sm-10">
+            <input type="submit" value="Apply now !" name="subscribe" id="mc-embedded-subscribe" class="btn btn-default">
+          </div>
+        </div>
+    </form>
+  </div>
+  <!--End mc_embed_signup-->
+  <span class="subscribe-info">{{ site.subscribeInfo }}</span>
+</div>
+</section>
+<!-- End Apply now Section -->

_includes/header.html

@@ -3,23 +3,22 @@
 <header class="intro" style="background-image: url('{{ site.baseurl }}{{ header.background-img }}')">
   <div class="intro-body">
     <div class="container">
-      <div class="row">
-          <div class="col-md-10 col-md-offset-1">
-            <h1 class="brand-heading">&nbsp;</h1>
-            <span class="intro-text">{{ header.intro-text }}</span>
-            <h5>&nbsp;</h5>
-
-            {% for item in header.items %}
-            <div class="col-md-6 col-sm-6 col-xs-12 same-height cols-centered">
-              <a href="{{ item.url | prepend: site.baseurl}}">
-                <img class="img-me" src="{{ item.image | preped: site.baseurl}}" alt="{{ item.description }}">
-                <figcaption><h5>{{ item.description }}</h5></figcaption>
-              </a>
-            </div>
-            {% endfor %}
-
+      <div class="content-wrapper">
+        <div class="col-lg-10 col-lg-offset-1 text-center">
+          <h1 class="brand-heading">&nbsp;</h1>
+          <span class="intro-text">{{ header.intro-text }}</span>
+          <h5>&nbsp;</h5>
+          {% for item in header.items %}
+          {% assign colWidth = 12 | divided_by: forloop.length %}
+          <div class="col-md-{{colWidth}} col-sm-{{colWidth}} col-xs-{{colWidth}} same-height cols-centered">
+            <a {% if item.section != null %}class="page-scroll" href="#{{ item.section }}"{% else %}href="{{ item.url | prepend: site.baseurl}}"{% endif %}>
+              <img class="img-me" src="{{ item.image | preped: site.baseurl}}" alt="{{ item.description }}">
+              <figcaption><h5>{{ item.description }}</h5></figcaption>
+            </a>
           </div>
+          {% endfor %}
         </div>
+      </div>
     </div>
   </div>
 </header>

_includes/timeline.html

@@ -1,17 +1,22 @@
+{% assign timeline = site.data[page.data].timeline %}
 <!-- Timeline Start -->
 <section id="timeline" class="container content-section text-center">
   <div class="row">
     <div class="col-md-10 col-md-offset-1">
-
+      <h3>{{ timeline.title }}</h3>
       <ul class="timeline">
-        {% for event in site.events %}
+        <li class="timeline-inverted">
+          <div class="timeline-image">
+            <img class="img-circle img-responsive" src="{{site.baseurl}}{{ site.timeline-img }}" alt="">
+          </div>
+        </li>
+        {% for event in timeline.events %}
           {% assign loopindex = forloop.index | modulo: 2 %}
           {% capture class %}
           {% if loopindex == 0 %}
             timeline-inverted
           {% endif %}
           {% endcapture %}
-
           <li class="{{ class }}">
             <div class="timeline-image">
               <img class="img-circle img-responsive" src="{{site.baseurl}}{{ event.image }}" alt="">
@@ -26,11 +31,6 @@ <h4>{{ event.date }}</h4>
             </div>
           </li>
         {% endfor %}
-        <li class="timeline-inverted">
-          <div class="timeline-image">
-            <img class="img-circle img-responsive" src="{{site.baseurl}}{{ site.timeline-img }}" alt="">
-          </div>
-        </li>
       </ul>
     </div>
   </div>

_sass/main.scss

@@ -4,7 +4,7 @@
 
 // Sections
 @import "partials/apply-now";
+@import "partials/timeline";
 
 // Third-party
 @import "vendor/grayscale";
-@import "vendor/timeline";