Update

_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

@@ -0,0 +1,36 @@
+---
+layout: page-fullwidth
+title: "Show your beautiful work!"
+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"
+categories:
+    - design
+---
+
+<div class="row">
+    <div class="medium-6 columns bottom-30">
+        <img src="{{ site.url }}/assets/img/screenshot_website_moritz-mo-sauer_500x.jpg" alt="">
+    </div><!-- /.medium-6.columns -->
+
+    <div class="medium-6 columns bottom-30">
+        <img src="{{ site.url }}/assets/img/screenshot_website_jcorneille_500x.jpg" alt="">
+    </div><!-- /.medium-6.columns -->
+</div><!-- /.row -->
+
+
+<div class="row top-30">
+    <div class="medium-4 columns">
+        <img src="{{ site.url }}/assets/img/screenshot_website_stilwandel_500x.jpg" alt="">
+    </div><!-- /.medium-4.columns -->
+
+    <div class="medium-4 columns">
+        <img src="{{ site.url }}/assets/img/screenshot_website_seminare_500x.jpg" alt="">
+    </div><!-- /.medium-4.columns -->
+
+    <div class="medium-4 columns">
+        <img src="{{ site.url }}/assets/img/screenshot_website_nixdorf_500x.jpg" alt="">
+    </div><!-- /.medium-4.columns -->
+</div><!-- /.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">