Update

_includes/meta_information.html

@@ -1,7 +1,21 @@
+
 			<div class="page-meta">
 				<ul class="side-nav">
 					<li class="subheader">Published on {{ page.date | date: "%d.%m.%Y" }}</li>
 					<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
+					<li class="subheader">Tagged: {% for tag in page.tags %}{{tag}} &middot; {% endfor %}</li>
 					<li class="divider"></li>
 				</ul>
 			</div>
+
+
+			<div id="post-nav" class="row">
+			
+			{% if page.previous.url %} 
+				<div class="small-5 columns top-30"><a class="button small radius prev" href="{{page.previous.url}}">&laquo; {{page.previous.title}}</a></div><!-- /.small-4.columns -->
+			{% endif %} 
+				<div class="small-2 columns top-30 text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Archive</a></div><!-- /.small-4.columns -->
+			{% if page.next.url %} 
+				<div class="small-5 columns top-30 text-right"><a class="button small radius next" href="{{page.next.url}}">{{page.next.title}} &raquo;</a></div><!-- /.small-4.columns -->
+			{% endif %} 
+			</div>

_posts/design/2014-07-10-post.md

@@ -4,6 +4,10 @@ title:  "Normal Post Template"
 meta_description: "This is an example of a beautiful aligned post in the middle. There is no sidebar to distract the reader. The difference to the Page-Template is, that you find meta-information at the bottom of the post."
 categories:
     - design
+tags:
+    - blog
+    - content
+    - post
 image:
     header: "no"
     title: "unsplash_1.jpg"

assets/css/style_feeling_responsive.css

@@ -6208,7 +6208,7 @@ h3 {
 
 /* line 22, ../scss/_4_typography_theme-fr.scss */
 .blog-index h2 {
-  margin-top: 0;
+  margin-top: 0.625rem;
 }
 
 /* line 23, ../scss/_4_typography_theme-fr.scss */
@@ -6705,26 +6705,36 @@ footer li {
 }
 
 /* line 139, ../scss/_5_layout_theme-fr.scss */
+.top-20 {
+  margin-top: 20px;
+}
+
+/* line 140, ../scss/_5_layout_theme-fr.scss */
 .top-30 {
   margin-top: 30px;
 }
 
-/* line 140, ../scss/_5_layout_theme-fr.scss */
+/* line 141, ../scss/_5_layout_theme-fr.scss */
 .top-60 {
   margin-top: 60px;
 }
 
-/* line 141, ../scss/_5_layout_theme-fr.scss */
+/* line 142, ../scss/_5_layout_theme-fr.scss */
 .bottom-15 {
   margin-bottom: 15;
 }
 
-/* line 142, ../scss/_5_layout_theme-fr.scss */
+/* line 143, ../scss/_5_layout_theme-fr.scss */
 .bottom-30 {
   margin-bottom: 30px;
 }
 
-/* line 143, ../scss/_5_layout_theme-fr.scss */
+/* line 144, ../scss/_5_layout_theme-fr.scss */
+.bottom-20 {
+  margin-bottom: 20px;
+}
+
+/* line 145, ../scss/_5_layout_theme-fr.scss */
 .bottom-60 {
   margin-bottom: 60px;
 }

blog/archive.html

@@ -17,8 +17,8 @@ permalink: "blog/archive/"
 		  <dd class="accordion-navigation">
 		    <a href="#panel{{ counter }}"><span class="entypo entypo-16"></span> {% if post.subheadline %}{{ post.subheadline }} › {% endif %}<strong>{{ post.title }}</strong></a>
 		    <div id="panel{{ counter }}" class="content">
-		      {{ post.description }}
-				<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>Read more ›</strong></a>
+		      {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
+				<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>Read more ›</strong></a><br><br>
 		    </div>
 		  </dd>
 		{% assign counter=counter | plus:1 %}

documentation.md

@@ -169,8 +169,9 @@ With the Kramdown parser for Markdown you can render a table of contents for you
 
 {% highlight html %}
 <div class="panel radius" markdown="1">
-### Table of Contents
-*  Auto generated table of contents
+**Table of Contents**
+{: #toc }
+*  TOC
 {:toc}
 </div>
 {% endhighlight %}

index.html

@@ -16,19 +16,19 @@ image:
 <div class="row top-60">
 
     <div class="medium-4 columns">
-    	<a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/assets/img/unsplash_1-303x182.jpg" alt=""></a>
-        <h2>Showcase Your Work</h2>
+    	<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/assets/img/unsplash_4-303x182.jpg" alt=""></a>
+        <h2>Blog</h2>
     	<p>
-    		<em>Feeling Responsive</em> supports you with layouts to present your favorite and actual work. With the gallery- and portfolio-template you can show off your work as a designer, programmer, photographer or artist.
+    		Every good portfolio website has a blog with fresh news, thoughts and developments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog, too. With an <a href="{{ site.url }}/blog/archive/">archive page</a> to give readers a quick overview of all your posts.
     	</p>
-
-        <p><a class="button tiny radius" href="{{ site.url }}/design/portfolio/">More ›</a></p>
+        
+        <p><a class="button tiny radius" href="{{ site.url }}/blog/">More ›</a></p>
 
     </div><!-- /.medium-4.columns -->
 
 
     <div class="medium-4 columns">
-    	<a href="{{ site.url }}/about/"><img src="{{ site.url }}/assets/img/unsplash_8-303x182.jpg" alt=""></a>
+        <a href="{{ site.url }}/about/"><img src="{{ site.url }}/assets/img/unsplash_8-303x182.jpg" alt=""></a>
         
         <h2>Why use this theme?</h2>
 
@@ -41,20 +41,20 @@ image:
 
 
     <div class="medium-4 columns">
-    	<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/assets/img/unsplash_4-303x182.jpg" alt=""></a>
-        <h2>Blog</h2>
-    	<p>
-    		Every good portfolio website has a blog with fresh news, thoughts and developments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog, too. With an <a href="{{ site.url }}/blog/archive/">archive page</a> to give readers a quick overview of all your posts.
-    	</p>
-        
-        <p><a class="button tiny radius" href="{{ site.url }}/blog/">More ›</a></p>
+        <a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/assets/img/github-303x182.jpg" alt=""></a>
+        <h2>Download Theme</h2>
+        <p>
+            <em>Feeling Responsive</em> is totally free and licensed under the MIT License. You can make it your own and do with it what you want. Grab your copy or clone it at GitHub and start your website with it. Then tell me via <a href="http://twitter.com/phlow">Twitter @phlow</a>.
+        </p>
+
+        <p><a class="button tiny radius" href="https://github.com/Phlow/feeling-responsive/">Download @ GitHub ›</a></p>
 
     </div><!-- /.medium-4.columns -->
 
 </div><!-- /.row -->
 
 
-<div class="row top-60 bottom-15 homepage">
+<div class="row top-60 bottom-20 homepage">
     <div class="small-12 columns">
         {% for post in site.posts limit:1 %}
             {% if post.image.homepage %}