Update index.html

index.html

@@ -36,28 +36,30 @@ slides:
   image: images/@stock/half-5.jpg
 
 works_left:
-- title: Open Labs Hackerspace
+- title: Open Labs
   link_to: /projects/openlabs
   image: images/@stock/openlabs.jpg
-  categories: Rebranding
+  categories: Visual ID
 - title: OpenChain Penguins
   link_to: /projects/openchain
   image: images/@stock/penguins_thumb.jpg
   categories: Illustration
+
+works_middle:
+- title: Software Freedom Kosova
+  link_to: /projects/sfk16
+  image: images/@stock/poster_SFK.jpg
+  categories: Visual ID, Print
 - title: Tor Style Guide
   link_to: /projects/tor-style-guide
   image: images/@stock/tor_thumb.png
   categories: Style Guide
 
 works_right:
-- title: Software Freedom Kosova
-  link_to: /projects/sfk16
-  image: images/@stock/poster_SFK.jpg
-  categories: Visual ID, Print
 - title: Mozilla L10N T-Shirts
   link_to: /projects/mozilla-l10n
   image: images/@stock/mozilla-l10n.jpg
-  categories: Print
+categories: Print
 
 testimonials_left:
 - author: Jeff Beatty - Mozilla
@@ -209,13 +211,13 @@ clients:
       </div>
     </div>
   </div>
-  <div class="row">
-    <div class="large-6 columns">
-      <div class="gallery-left-section">
+  <div class="full no-overflow">
+  <div class="four spacing"></div>
+  <div class="large-4 columns">
     {% for work in page.works_left %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
-              <img src="{{site.baseurl}}/{{work.image}}" alt="">
+          <img src="{{site.url}}/{{work.image}}" alt="">
           <div class="info">
             <h3>{{work.title}}</h3>
             <p>{{work.categories}}</p>
@@ -224,13 +226,11 @@ clients:
       </div>
     {% endfor %}
   </div>
-    </div>
-    <div class="large-6 columns">
-      <div class="gallery-right-section">
-        {% for work in page.works_right %}
+  <div class="large-4 columns">
+    {% for work in page.works_middle %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
-              <img src="{{site.baseurl}}/{{work.image}}" alt="">
+          <img src="{{site.url}}/{{work.image}}" alt="">
           <div class="info">
             <h3>{{work.title}}</h3>
             <p>{{work.categories}}</p>
@@ -239,10 +239,20 @@ clients:
       </div>
     {% endfor %}
   </div>
+  <div class="large-4 columns">
+    {% for work in page.works_right %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
           </div>
+        </a>
       </div>
-  <div class="spacing"></div>
-</div>
+    {% endfor %}
+  </div>
+
 
 <div class="full light-grey no-padding">
   <div class="two spacing"></div>