1
0
Fork 0
This commit is contained in:
Moritz »mo.« Sauer 2015-02-12 21:12:31 +01:00
parent 1dbbf50302
commit 5f5bf5659e
6 changed files with 342 additions and 300 deletions

View file

@ -12,7 +12,7 @@ categories:
<div class="row">
<div class="medium-6 columns b30">
<img src="{{ site.url }}/images/webdesign_screenshot_nixdorf.jpg" alt="">
<p> Website: <a href="http://nixdorf-internatsberatung.de">Nixdorf Internatsberatung &amp; Schulberatung</a></p>
<p> Website: Nixdorf Internatsberatung &amp; Schulberatung</p>
</div><!-- /.medium-6.columns -->
<div class="medium-6 columns b30">

View file

@ -1,5 +1,5 @@
---
layout: post
layout: page
title: "Header with a Full-Width-Image"
subheadline: "Headers With Style"
description: "Feeling Responsive allows you to use all kinds of headers. This example shows a header with a <em>full-width-image</em>."

View file

@ -2,7 +2,7 @@
layout: page
title: "Header With Logo Only"
subheadline: "Headers With Style"
description: "Feeling Responsive allows you to use all kinds of headers. This example shows a header just with an image on the standard background."
description: "Feeling Responsive allows you to use all kinds of headers. This is the default mode. It shows a header just with your logo on the standard background."
categories:
- design
tags:
@ -10,7 +10,7 @@ tags:
- background color
- header
---
No front matter code needed.
### All Header-Styles

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

View file

@ -48,9 +48,15 @@ use in front matter via: `layout: post-right-sidebar`
### Page Full Width
If you want full control of styling a page, than use the [page full-width template]({{ site.url }}/design/page-full-width/). To set up a grid, just use the [foundation grid system](http://foundation.zurb.com/docs/components/grid.html).
If you want full control of styling a page, than use the [page fullwidth template]({{ site.url }}/design/page-fullwidth/). To set up a grid, just use the [foundation grid system](http://foundation.zurb.com/docs/components/grid.html).
use in front matter via: `layout: page-full-width`
use in front matter via: `layout: page-fullwidth`
### Frontpage
This template is special. It allows you to define three *widgets* which are displayed with a headline, image, description and a link to the content. It's used for the [homepage]({{ site.url }}) of this website.
use in front matter via: `layout: frontpage`
### Video
@ -134,7 +140,7 @@ If you want to feature an article on the homepage with a huge image, than use th
~~~
image:
homepage: "header_homepage_13.jpg"
homepage: header_homepage_13.jpg
~~~
@ -223,7 +229,7 @@ The loop looks when you use all parameters. Single parameters are possible of co
*Feeling Responsive* uses the foundation framework and some of its javascript components. I reduced the modules, to decrease page load and make the theme faster.
I only added one other javascript-module: [`backstretch`][3] by Scott Robbin. These modules are currently used by the theme and included in `javascript.min.js`. There is also a non-minified version, if you want to take a closer look: `javasript.js`.
I only added one other javascript-module: [`backstretch`][3] by Scott Robbin. These modules are currently used by the theme and included in `javascript.min.js`. There is also a non-minified version, if you want to take a closer look: `javascript.js`.
~~~
/foundation/bower_components/foundation/js/vendor/jquery.js'