1
0
Fork 0

improved header ›~ now with no-header option

This commit is contained in:
Moritz »mo.« Sauer 2015-01-13 23:11:29 +01:00
parent 25dab72954
commit 9caed6f788
35 changed files with 97 additions and 106 deletions

View file

@ -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

View file

@ -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>

View file

@ -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

View file

@ -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

View file

@ -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>

View file

@ -3,8 +3,8 @@ layout: page
title: "Roadmap"
subheadline: "ToDo-List &amp; 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/"
---