diff --git a/content/index.html b/content/index.html
index 9e45d0d5..7f302fb8 100644
--- a/content/index.html
+++ b/content/index.html
@@ -81,57 +81,15 @@ kind: empty
 <div class="row">
   <div class="span8">
     <section itemscope itemtype="http://schema.org/Blog">
+      <% latest_articles(5).each do |item| %>
       <div class="row">
         <div class="span8">
-          <article>
-            <h1><a itemprop="blogPost" href="#">Ein Blogpost</a></h1>
-            <p>
-            <i class="icon-flag icon-4x pull-left icon-border"></i> Font Awesome is
-            working!
-            <p>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
-            eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-            voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-            amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
-            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
-            rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-            ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
-            elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
-            aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
-            dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
-            est Lorem ipsum dolor sit amet.
-            <p>
-            <a href="#">Zum Artikel</a>
-          </article>
-        </div>
-      </div>
-      <div class="row">
-        <div class="span8">
-          <article>
-            <h1><a itemprop="blogPost" href="#">Ein Projektartikel</a></h1>
-            <h2>Ein Untertitel...</h2>
-            <p>
-            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
-            molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
-            eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
-            zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
-            dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
-            euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
-            <h3>Unter-Unter-Überschrift</h3>
-            <p>
-            Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
-            suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
-            vel eum iriure dolor in hendrerit in vulputate velit esse molestie
-            consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
-            accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
-            delenit augue duis dolore te feugait nulla facilisi.
-            <p>
-            <a href="#">Zum Artikel</a>
-          </article>
+        <%= render 'article_intro', :article => item, :extended => true %>
+          <p>
+          <a itemprop="blogPost" href="<%= item.path() %>">Zum Artikel</a>
         </div>
       </div>
+      <% end %>
     </section>
   </div>
   <div class="span4">
diff --git a/lib/articlehelpers.rb b/lib/articlehelpers.rb
index 1b855e4a..14745c3e 100644
--- a/lib/articlehelpers.rb
+++ b/lib/articlehelpers.rb
@@ -18,3 +18,14 @@ def pathname_of_article(item)
   slug = idparts[2].sub( %r{^[0-9]*-}, "" )
   time.strftime('%Y-%m-%d') + '-' + slug
 end
+
+
+def latest_articles(max=nil)
+  @cache_latest_art ||= @site.items.select do |p|
+    p.attributes[:kind] == 'article'
+  end.sort do |a, b|
+    a.attributes[:created_at] <=> b.attributes[:created_at]
+  end.reverse
+  @cache_latest_art[0..(max ? max-1 : @cache_latest_art.length-1)]
+end
+