Update frontpage

Rules

@@ -103,6 +103,16 @@ compile %r{^/(404)/$} do
   end
 end
 
+compile '/' do
+  filter :haml, format: :html5, ugly: true
+
+  layout 'default'
+
+  if ENV['NANOC_ENV'] == "production"
+    filter :cache_buster
+  end
+end
+
 compile '*' do
   unless item.binary?
     case item[:extension]

content/css/screen.sass

@@ -89,6 +89,34 @@ h1, h2, h3, h4, h5, h6
       display: inline
       color: lighten($text-color, 30%)
 
+  #posts
+    .post
+      h2.title
+        margin-top: 0
+        margin-bottom: 10px
+        
+      p.meta
+        margin-top: 20px
+        margin-bottom: 0
+        font-style: italic
+        color: lighten($text-color, 30%)
+
+  #older-posts
+    h2.title
+      margin-top: 0
+      margin-bottom: 10px
+      margin-left: 72px
+      font-size: 1.2em
+      display: inline-block
+
+      span.meta
+        margin-left: -72px
+        color: $text-color
+        font-size: 0.8em
+        padding-top: 0.2em
+        display: inline-block
+        float: left
+
   .post,
   .page
     h1.title
@@ -106,6 +134,14 @@ h1, h2, h3, h4, h5, h6
     h1.title
       margin-top: 20px
 
+  #about
+    img
+      width: 96px
+      border-radius: 12px
+      margin-left: 6px
+      margin-bottom: 6px
+      float: right
+
 #footer
   ul.tla
     padding-left: 0

content/index.haml

@@ -1,9 +1,51 @@
 ---
 title: blog
 ---
-#posts
-  - sorted_articles.each do |article|
-    .post
-      %p.date= get_pretty_date(article)
-      %h2.title= link_to article[:title], article.path, title: article[:title]
-      %p.summary= article[:summary]
+.row
+  .col-sm-12
+    %h3 Recent blog entries
+    #posts
+      - sorted_articles[0..2].each do |article|
+        .post
+          %p.meta= get_pretty_date(article)
+          %h2.title= link_to article[:title], article.path, title: article[:title]
+          %p.summary= article[:summary]
+
+.row
+  .col-sm-6
+    %h3 Older posts
+
+    #older-posts
+      - sorted_articles[3..-1].each do |article|
+        .post
+          %h2.title
+            %a{href: article.path, title: article[:title]}
+              %span.meta= get_short_date(article)
+              = article[:title] 
+            
+
+  .col-sm-6
+    #about
+      %h3 About me
+      :markdown
+        ![Ariejan](https://0.gravatar.com/avatar/a9bfdd0cc75c857b669c37548b8bfdf9?s=192)
+
+        Hi! I'm Ariejan de Vroom, a thirty-two year old Ruby on Rails developer and Software
+        Craftsman. I live in [Breugel, the Netherlands][1] with my fiancée [Laura][2]
+        and work full-time at [Kabisa][3].
+
+        ### Find out more about me
+
+        Check me out on [Twitter][4], [Github][6] or [LinkedIn][5] to get to know me a bit better.
+
+        ### Get in touch
+
+        If you want to contact me, [tweet something][4] or [send me an email][8].
+
+        [1]: http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=eindhoven&sll=52.469397,5.509644&sspn=4.692139,10.942383&ie=UTF8&hq=&hnear=Breugel,+Noord-Brabant&ll=51.440313,5.482178&spn=4.800964,10.942383&t=h&z=7
+        [2]: http://laura-oerlemans.net/
+        [3]: http://kabisa.nl/
+        [4]: http://twitter.com/ariejan
+        [5]: http://www.linkedin.com/in/ariejan
+        [6]: https://github.com/ariejan
+        [8]: mailto:ariejan@ariejan.net

layouts/default.haml

@@ -33,7 +33,6 @@
             %li= link_to "projects", "/projects/"
             %li= link_to "craftsmanship", "/craftsmanship/"
             %li= link_to "talks", "/talks/"
-            %li= link_to "about", "/about/"
 
         .col-sm-3.align-right.hidden-xs
           %ol.social