Update

_data/navigation.yml

@@ -2,6 +2,10 @@
   url: "/index.html"
   side: left
 
+- title: Getting Started
+  url: "/getting-started/"
+  side: left
+
 - title: "Style your content"
   url: "/design/style-guide/"
   side: left
@@ -25,12 +29,14 @@
   - title: "Responsive Gallery"
     url: "/design/gallery/"
   - title: "Portfolio"
-    url: "/portfolio/"
+    url: "/design/portfolio/"
 
 - title: Documentation
   url: "/documentation/"
   side: left
   dropdown:
+  - title: Documentation
+    url: "/documentation/"
   - title: "Changelog"
     url: "/changelog/"
   - title: "Roadmap"

_includes/pagination.html

@@ -7,7 +7,7 @@ Total paginate-pages: {{ paginator.total_pages }}
 {% for post in paginator.posts %}
   <div class="row">
     <div class="small-12 columns bottom-60">
-      <p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}<span class="subheader"><small>{% if post.categories %}{{ post.categories | join: ' &middot; ' }}{% endif %}</small></span></p>
+      <p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}<span class="subheader"><small> {% if post.categories %}{{ post.categories | join: ' &middot; ' }}{% endif %}</small></span></p>
       <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
       <p>
         {% if post.image.thumb %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.thumb }}" class="alignleft" width="150" height="150" alt="{{ page.title escape_once }}"></a>{% endif %}

_posts/design/2014-07-09-post-left-sidebar.md

@@ -4,11 +4,9 @@ title:  "Post With Left Sidebar"
 description: "This is a example of Post with a Sidebar on the left."
 date:  2014-03-28 00:00:00
 categories:
-    - layout
     - design
 image:
     title: "unsplash_1.jpg"
-permalink: "/design/post-left-sidebar/"
 ---
 ## Have a look at the sidebar
 

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

@@ -4,12 +4,10 @@ title:  "Post With Right Sidebar"
 description: "This is a example of Post with a Sidebar on the right."
 date:  2014-03-28 00:00:00
 categories:
-    - layout
     - design
 image:
     thumb: "unsplash_2_thumb.jpg"
     title: "unsplash_2.jpg"
-permalink: "/design/post-right-sidebar/"
 ---
 ## Have a look at the sidebar
 

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

@@ -3,9 +3,7 @@ layout: post
 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:
-    - layout
     - design
-permalink: "/design/post/"
 image:
     header: "no"
 ---

_posts/design/2014-08-17-grid.md

@@ -5,11 +5,9 @@ subheadline:  "Multi-Device Layouts"
 description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. These are the dimensions."
 date:  2014-07-05 07:00:00
 categories:
-    - layout
     - design
 image:
    thumb: "unsplash_7_thumb.jpg"
-permalink: "/design/grid/"
 ---
 *Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing  beautiful layouts][1] in the foundation documentation.
 

_posts/design/2014-08-17-page-fullwidth.md

@@ -5,11 +5,9 @@ subheadline:  "Multi-Device Layouts"
 description: "The full-width page format gives you all the space you need to show your content using the grid."
 date:  2014-07-05 07:00:00
 categories:
-    - layout
     - design
 image:
    thumb: "unsplash_7_thumb.jpg"
-permalink: "/design/page-fullwidth/"
 ---
 *Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing  beautiful layouts][1] in the foundation documentation.
 

_posts/design/2014-09-11-page.md

@@ -3,9 +3,7 @@ layout: page
 title:  "Page Template"
 meta_description: "This is an example of a beautiful aligned page in the middle. There is no sidebar to distract the reader. The difference to the Post-Template is, that you find no meta-information at the bottom of the post."
 categories:
-    - layout
     - design
-permalink: "/design/page/"
 image:
     header: "no"
 ---

_posts/design/2014-09-15-gallery.md

@@ -4,12 +4,10 @@ title:  "A Beautiful Gallery"
 subheadline:  "Foundation Clearing Lightbox"
 description: "Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and <a href='http://foundation.zurb.com/docs/components/clearing.html'>Clearing Lightbox</a>."
 categories:
-    - layout
     - design
 image:
    thumb: "unsplash_7_thumb.jpg"
    header: "no"
-permalink: "/design/gallery/"
 ---
 You just need to choose a template like the [`page`][3]- or [`page-fullwidth`][4]-template and than use some foundation magic.
 

_posts/design/2014-09-16-portfolio.md

@@ -5,7 +5,8 @@ subheadline: "Portfolio"
 description: "You don't need a special portfolio template with this theme. Just check out the great possibilities of the foundation grid and experiment with it."
 image:
     header: "no"
-permalink: "/portfolio/"
+categories:
+    - design
 ---
 
 <div class="row">

_posts/design/2014-09-16-typography.md

@@ -6,7 +6,8 @@ meta_description: "Feeling Responsive uses Volkhov for headlines, Lato for every
 description: "<em>Feeling Responsive</em> uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console."
 image:
     header: "no"
-permalink: "/design/typography/"
+categories:
+    - design
 ---
 <div class="row">
 <div class="medium-4 medium-push-8 columns" markdown="1">

getting-started.md

@@ -0,0 +1,14 @@
+---
+layout: page
+title: "Getting Started"
+subheadline: "A Step-by-Step Guide"
+description: "This step-by-step guide helps you to customize Feeling Responsive to your needs."
+image:
+    header: "no"
+permalink: "/getting-started/"
+---
+1. Open `_config.yml` and work it through, it's well documented
+2. Add your own `logo.png` to `/assets/img/`.
+2. Open `_data/socialmedia.yml` and add your own social media links
+3. Open `_data/navigation.yml` and add your own social media links
+4. Add your own content.