Add active projects with new homepage layout.

_assets/stylesheets/_style.sass

@@ -39,8 +39,10 @@ div.gist div.gist-data.gist-syntax
 
 h2.tagline
   +simple_emboss(#fff)
+  width: 50%
+  margin: 0 auto
+  margin-top: rem-calc(20)
   font-size: 1.2rem
-  text-align: center
 
 #top
   text-align: center
@@ -99,49 +101,53 @@ html.flexbox body
   min-height: 100vh
   flex-direction: column
 
-  section.posts
+  dl.projects
     display: flex
-    align-items: center
-    justify-content: center
-    flex: 1
+    flex-direction: row
+    flex-wrap: wrap
+    align-content: center
+    justify-content: space-between
+
+    div
+      min-width: rem-calc(100)
+
+    @media #{$medium-up}
+      div
+        width: 45%
 
 html.no-flexbox
   #banner
     width: 100%
     margin: 0 auto
 
-  section.posts
-    width: 100%
-    margin-top: 3rem
-
+section.projects,
 section.posts
-  text-align: center
+  width: 50%
+  margin: 0 auto
+  margin-top: rem-calc(20)
 
   h2
+    margin-bottom: rem-calc(20)
     font-size: 1.3rem
 
+    &.icon::before
+      margin-right: rem-calc(10)
+
+    dl.projects div
+      +hover_glow($body_hover_color)
+
   ul.posts
     margin-left: 0
 
     li
+      +hover_glow($body_hover_color)
       text-transform: lowercase
       list-style-type: none
-      $local_margin: rem-calc(5)
 
       &::before
-        margin-right: $local-margin
-        content: "«"
-
-      &::after
-        margin-left: $local-margin
+        margin-right: rem-calc(5)
         content: "»"
 
-      &:hover::before
-        content: "»"
-
-      &:hover::after
-        content: "«"
-
 article.post.single
 
   @media #{$medium-up}

_data/projects.yml

@@ -0,0 +1,24 @@
+---
+- name: "Jekyll & ZURB"
+  description: Jekyll skeleton built on ZURB Foundation with modern web principals.
+  url: https://github.com/razor-x/jekyll-and-zurb
+
+- name: "Jekyll & deck.js"
+  description: Jekyll skeleton for creating presentations with deck.js.
+  url: https://github.com/razor-x/jekyll-and-deck.js
+
+- name: Config Curator
+  description: Simple and intelligent configuration file management.
+  url: https://github.com/razor-x/config_curator
+
+- name: Palimpsest
+  description: Give any custom or legacy project a modern workflow and toolset.
+  url: https://github.com/razor-x/palimpsest
+
+- name: Ruby Gem Skeleton
+  description: Modern skeleton for making Ruby gems.
+  url: https://github.com/razor-x/ruby-gem
+
+- name: Chef Skeleton Cookbook
+  description: Modern cookbook skeleton for Ruby Chef.
+  url: https://github.com/razor-x/chef-cookbook

_data/text.yml

@@ -1,6 +1,7 @@
 ---
 tagline: Ph.D. physics student, online business owner, and developer.
 post_list_title: Articles
+project_list_title: Active Projects
 emails:
   - name: Professional
   - email: razorx {at} evansosenko.com

index.html

@@ -11,15 +11,25 @@
 
 <h2 class="tagline">{{ site.data.text.tagline }}</h2>
 
+<section class="projects">
+  <h2 class="icon fi-widget">{{ site.data.text.project_list_title }}</h2>
+  <dl class="projects">
+  {% for project in site.data.projects %}
+    <div>
+      <dt><a href="{{ site.baseurl }}{{ project.url }}">{{ project.name }}</a></dt>
+      <dd><a href="{{ site.baseurl }}{{ project.url }}">{{ project.description }}</a></dd>
+    </div>
+  {% endfor %}
+  </dl>
+</section>
+
 <section class="posts">
-  <div>
-    <h2>{{ site.data.text.post_list_title }}</h2>
-    <ul class="posts">
-    {% for post in posts %}
-      <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
-    {% endfor %}
-    </ul>
-  </div>
+  <h2 class="icon fi-pencil">{{ site.data.text.post_list_title }}</h2>
+  <ul class="posts">
+  {% for post in posts %}
+    <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+  {% endfor %}
+  </ul>
 </section>
 
 {% include pagination.html %}