update
This commit is contained in:
parent
1dbbf50302
commit
5f5bf5659e
6 changed files with 342 additions and 300 deletions
|
@ -12,7 +12,7 @@ categories:
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="medium-6 columns b30">
|
<div class="medium-6 columns b30">
|
||||||
<img src="{{ site.url }}/images/webdesign_screenshot_nixdorf.jpg" alt="">
|
<img src="{{ site.url }}/images/webdesign_screenshot_nixdorf.jpg" alt="">
|
||||||
<p> Website: <a href="http://nixdorf-internatsberatung.de">Nixdorf Internatsberatung & Schulberatung</a></p>
|
<p> Website: Nixdorf Internatsberatung & Schulberatung</p>
|
||||||
</div><!-- /.medium-6.columns -->
|
</div><!-- /.medium-6.columns -->
|
||||||
|
|
||||||
<div class="medium-6 columns b30">
|
<div class="medium-6 columns b30">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
layout: post
|
layout: page
|
||||||
title: "Header with a Full-Width-Image"
|
title: "Header with a Full-Width-Image"
|
||||||
subheadline: "Headers With Style"
|
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>."
|
description: "Feeling Responsive allows you to use all kinds of headers. This example shows a header with a <em>full-width-image</em>."
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
layout: page
|
layout: page
|
||||||
title: "Header With Logo Only"
|
title: "Header With Logo Only"
|
||||||
subheadline: "Headers With Style"
|
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:
|
categories:
|
||||||
- design
|
- design
|
||||||
tags:
|
tags:
|
||||||
|
@ -10,7 +10,7 @@ tags:
|
||||||
- background color
|
- background color
|
||||||
- header
|
- header
|
||||||
---
|
---
|
||||||
|
No front matter code needed.
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
|
File diff suppressed because it is too large
Load diff
2
assets/css/styles-responsive.min.css
vendored
2
assets/css/styles-responsive.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -48,9 +48,15 @@ use in front matter via: `layout: post-right-sidebar`
|
||||||
|
|
||||||
|
|
||||||
### Page Full Width
|
### 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
|
### Video
|
||||||
|
@ -134,7 +140,7 @@ If you want to feature an article on the homepage with a huge image, than use th
|
||||||
|
|
||||||
~~~
|
~~~
|
||||||
image:
|
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.
|
*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'
|
/foundation/bower_components/foundation/js/vendor/jquery.js'
|
||||||
|
|
Reference in a new issue