improved header ›~ now with no-header option
This commit is contained in:
parent
25dab72954
commit
9caed6f788
35 changed files with 97 additions and 106 deletions
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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/"
|
||||
---
|
||||
|
||||
|
|
Reference in a new issue