improved header ›~ now with no-header option

pages/changelog.md

@@ -3,8 +3,8 @@ layout: page
 title: "Change is good!"
 subheadline: "Feeling Responsive Theme Changelog"
 description: "History and changelog of Feeling Responsive Theme by Phlow Media."
-image:
-    header: "header_unsplash_9.jpg"
+header:
+   image_fullwidth: "header_unsplash_9.jpg"
 permalink: "/changelog/"
 ---
 2015-01-12 // Version 0.94

pages/design.md

@@ -2,8 +2,8 @@
 layout: page
 title: "Style your content!"
 subheadline: "Layouts of Feeling Responsive"
-image:
-   header: "header_unsplash_5.jpg"
+header:
+   image_fullwidth: "header_unsplash_5.jpg"
 permalink: "/design/"
 ---
 <ul>

pages/documentation.md

@@ -105,19 +105,9 @@ With foundation responsive videos are easy. [More ›](http://foundation.zurb.co
 
 <img class="t60" src="{{ site.url }}/images/header_homepage_13.jpg">
 
-## Images: Header, Title, Thumbnails, Homepage   {#images}
+## Images: Title, Thumbnails, Homepage   {#images}
 
-There are four types of images you can define via frontmatter: thumbnails, header images, title images and images in your article. 
-
-
-### Header Images
-
-Header images are displayed right under the top navigation. We use Backstretch to expand them from left to right. The width should be 1600 pixel or higher and in a ratio like 16:9 or 21:9 or 2:1.
-
-~~~
-image:
-    header: thumbnail_image.jpg
-~~~
+There are several types of images you can define via front matter. If you want to change the images used in the header have a look at [Style your Header]({{ site.url }}/headers/). 
 
 
 ### Title Images
@@ -127,8 +117,6 @@ image:
     title: thumbnail_image.jpg
 ~~~
 
-You can choose to show a special full-width header image or not.
-
 
 ### Thumbnails
 
@@ -142,7 +130,7 @@ image:
 
 ### Homepage Image
 
-If you want to feature an article on the homepage with a huge image, than use the homepage image with a width of 970 pixels. If no homepage image is defined *Feeling Responsive* writes over the blog entries *New Blog Articles*. Define the homepage image like this:
+If you want to feature an article on the homepage with a huge image, than use the homepage image with a width of 970 pixels. If no homepage image is defined *Feeling Responsive* writes instead *New Blog Articles* over the blog entries. Define the homepage image like this:
 
 ~~~
 image:
@@ -157,7 +145,7 @@ Sometimes you want to give credit to the creator of your images, maybe with a li
 
 ~~~
 image:
-    header: header_image.jpg
+    title: header_image.jpg
     credit: Image by Phlow
     url: "http://phlow.de/"
 ~~~
@@ -166,7 +154,6 @@ image:
 
 ~~~
 image:
-    header: header_image.jpg
     title: title_image.jpg
     thumb: thumbnail_image.jpg
     homepage: header_homepage_13.jpg

pages/getting-started.md

@@ -3,8 +3,8 @@ 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: header_homepage_13.jpg
+header:
+   image_fullwidth: "header_homepage_13.jpg"
 permalink: "/getting-started/"
 ---
 1. Open `_config.yml` and work it through, it's well documented

pages/headers.md

@@ -2,9 +2,9 @@
 layout: page
 subheadline: "Header"
 title: "Style your Header!"
-description: "These are your options to style the header of each webpage individually."
-image:
-   header: "header_unsplash_5.jpg"
+description: "These are your options to style the header of each webpage individually. <em>Feeling Responsive</em> uses <a href='http://srobbin.com/jquery-plugins/backstretch/'>Backstretch by Scott Robin</a> to expand them from left to right. The width should be 1600 pixel or higher using a ratio like 16:9 or 21:9 or 2:1."
+header:
+   image_fullwidth: "header_unsplash_5.jpg"
 permalink: "/headers/"
 ---
 <ul>

pages/roadmap.md

@@ -3,8 +3,8 @@ layout: page
 title: "Roadmap"
 subheadline: "ToDo-List & Ideas"
 description: "Here are some ideas and features I want to implement in the future."
-image:
-   header: "header_unsplash_3.jpg"
+header:
+   image_fullwidth: "header_unsplash_3.jpg"
 permalink: "/roadmap/"
 ---