added breadcrumbs

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

@@ -3,6 +3,7 @@ layout: post-left-sidebar
 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
+breadcrumb: true
 categories:
     - design
 image:

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

@@ -0,0 +1,18 @@
+---
+layout: post
+title:  "Breadcrumbs"
+description: "If you need them, <em>Feeling Responsive</em> offers you a breadcrumb navigation. You can easily turn it on/off via frontmatter."
+breadcrumb: true
+categories:
+    - design
+tags:
+    - blog
+    - content
+    - post
+---
+<div class="alert-box alert radius">WARNING: If you use breadcrumbs be aware, that if you use categories, you need pages for those categories. If not, the link in the breadcrumb won't work.</div>
+
+## Front Matter Code
+~~~
+breadcrumb: true
+~~~

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

@@ -3,6 +3,7 @@ layout: post-right-sidebar
 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
+breadcrumb: true
 categories:
     - design
 image:

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

@@ -2,6 +2,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."
+breadcrumb: true
 categories:
     - design
 tags:

_posts/design/2014-10-08-header-image-pattern.md

@@ -2,8 +2,7 @@
 layout: post
 title:  "Header Image With Pattern"
 subheadline:  "Headers With Style"
-meta_description: 
-description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header image in front of a pattern behind it."
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header image in front of a pattern."
 categories:
     - design
 tags:
@@ -11,17 +10,22 @@ tags:
     - pattern
     - header
 header:
-    image:  "header_unsplash_2-970x.jpg"
-    pattern:  "pattern_concrete.jpg"
-    color:  ""
+    image: header_unsplash_2-970x.jpg
+    pattern: pattern_concrete.jpg
 ---
-It's so easy to do. Just define in front matter an image and a pattern image. Instead of a pattern you can also use a color. Have a look at the [example with a background color]({{ site.url }}/design/header-color/).
+It's so easy to do. Just define in front matter an image and a pattern image. Instead of a pattern you can also use a color. Have a look at the [example with a background color]({{ site.url }}/design/header-image-color/).
 
 
-## Header Image With Pattern
+## Front Matter Code
 
 ~~~
 header:
     image:  "header_unsplash_2-970x.jpg"
     pattern:  "pattern_concrete.jpg"
 ~~~
+
+
+
+## All Header-Styles 
+
+{% include list-posts.html tag='header' %}

_posts/design/2014-10-09-header-full-width-image.md

@@ -0,0 +1,30 @@
+---
+layout: post
+title:  "Header Full-Width-Image"
+subheadline:  "Headers With Style"
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header with a <em>full-width-image</em>."
+categories:
+    - design
+tags:
+    - design
+    - background color
+    - header
+image:
+   header: "unsplash_brooklyn-bridge_header.jpg"
+   thumb: "unsplash_brooklyn-bridge_thumb.jpg"
+---
+It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-pattern/).
+
+## Front Matter Code
+
+~~~
+header:
+    image:  "header_unsplash_2-970x.jpg"
+    background-color:  "#fabb00"
+~~~
+
+
+
+## All Header-Styles 
+
+{% include list-posts.html tag='header' %}

_posts/design/2014-10-09-header-image-color.md

@@ -10,12 +10,14 @@ tags:
     - background color
     - header
 header:
-    image:  "header_unsplash_2-970x.jpg"
+    image:  header_unsplash_2-970x.jpg
     background-color:  "#304558"
 ---
-It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-pattern/).
+It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-image-pattern/).
 
-## Header Image With Background Color
+## Front Matter Code
+
+<div class="alert-box radius alert">WARNING: To make this work the value of <em>background-color</em> must be inbetween quotes.</div>
 
 ~~~
 header:
@@ -23,3 +25,8 @@ header:
     background-color:  "#fabb00"
 ~~~
 
+
+
+## All Header-Styles 
+
+{% include list-posts.html tag='header' %}

_posts/design/2014-10-09-header-logo-only.md

@@ -0,0 +1,18 @@
+---
+layout: post
+title:  "Header With Logo Only"
+subheadline:  "Headers With Style"
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header just with an image on the standard background."
+categories:
+    - design
+tags:
+    - design
+    - background color
+    - header
+---
+
+
+
+## All Header-Styles 
+
+{% include list-posts.html tag='header' %}

_posts/design/2014-10-09-no-header.md

@@ -0,0 +1,17 @@
+---
+layout: post
+subheadline:  "Headers With Style"
+title:  "No Header"
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows <em>no</em> header at all. Just the navigation."
+categories:
+    - design
+tags:
+    - design
+    - background color
+    - header
+---
+No adjustments needed in front matter.
+
+## All Header-Styles 
+
+{% include list-posts.html tag='header' %}