Update index.html to split out work + writing

index.html

@@ -48,7 +48,7 @@ <h2 class="underlined">Paul Mederos</h2>
   </div>
 </section>
 
-<section class="Home__Essays">
+<section class="Home__Essays Home__Writing">
   <div class="container-fluid">
     <div class="row">
       <div class="col-xs-12 col-md-8 col-md-offset-2">
@@ -58,23 +58,27 @@ <h2 class="underlined mb-6">Writing</h2>
 
     <ul class="omg-so-many-posts">
       {% for post in site.posts %}
-        <li class="essay mb-6">
-          <div class="row">
-            <div class="col-xs-12 col-md-offset-2 col-md-2">
-              <time class="font-meta font-sm font-300 color-sand">{{ post.date || date: '%b %Y' }}</time>
-              {% if post.categories contains 'case_study' %}
-                <span class="font-meta font-sm font-300 color-sand d-block case-study-tag">Case Study</span>
-              {% endif %}
-              {% if post.categories contains 'wip' %}
-                <span class="font-meta font-sm font-300 color-sand d-block wip-tag">WIP</span>
-              {% endif %}
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <p><a href="{{ post.url | prepend: site.baseurl }}" class="font-md font-500">{{ post.title }}</a></p>
-              <p class="font-md">{{ post.teaser }}</p>
-            </div>
-          </div>
-        </li>
+        {% unless post.categories contains 'case_study' %}
+          {% include post_item.html post=post %}
+        {% endunless %}
+      {% endfor %}
+    </ul>
+  </div>
+</section>
+
+<section class="Home__Essays Home__Work">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-xs-12 col-md-8 col-md-offset-2">
+        <h2 class="underlined mb-6">Work</h2>
+      </div>
+    </div>
+
+    <ul class="omg-so-many-posts">
+      {% for post in site.posts %}
+        {% if post.categories contains 'case_study' %}
+          {% include post_item.html post=post %}
+        {% endif %}
       {% endfor %}
     </ul>
   </div>