Update
This commit is contained in:
parent
d8ddf6344f
commit
84c8e210c5
14 changed files with 217 additions and 147 deletions
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
layout: post
|
||||
title: "This is the <h1>-Headline"
|
||||
title: "Elements"
|
||||
subtitle: "Subheadline"
|
||||
description: "Feeling Responsive offers lots of possibilities to style your articles. The theme turns around the corner with a headline, subheadline, a title and header image. A beautiful typography crafted to please the eyes delivers your ideas, explanations and articles to stick out."
|
||||
date: 2014-07-05 07:00:00
|
||||
|
@ -8,37 +8,31 @@ categories:
|
|||
- typography
|
||||
- design
|
||||
- elements
|
||||
image_title: "unsplash_5.jpg"
|
||||
permalink: "/design/this-is-h1-headline/"
|
||||
- design
|
||||
permalink: "/design/elements/"
|
||||
image_header: "no"
|
||||
---
|
||||
## Images
|
||||
|
||||
# <h1>-Headline
|
||||
There are different ways to use images. The most present images can be positioned in the header or on top of the headline.
|
||||
|
||||
## <h2>-Headline
|
||||
If you don't want any header image just write `image_header: "no"
|
||||
` into front matter.
|
||||
|
||||
### <h3>-Headline
|
||||
|
||||
#### <h4>-Headline
|
||||
|
||||
##### <h5>-Headline
|
||||
## Subheadlines
|
||||
|
||||
###### <h6>-Headline
|
||||
If you need a subheadline for an article, just define it in front matter like this:
|
||||
|
||||
- - -
|
||||
`subtitle: "Subheadline"`
|
||||
|
||||
1. Ordered List
|
||||
2. Second List Item
|
||||
3. Third List Item
|
||||
4. Fourth List Item
|
||||
5. Fifth List Item
|
||||
|
||||
- - -
|
||||
## Quotes
|
||||
|
||||
Definition List
|
||||
: Bacon ipsum dolor sit amet spare ribs brisket ribeye, andouille sirloin bresaola frankfurter corned beef capicola bacon. Salami beef ribs sirloin, short loin hamburger shoulder t-bone.
|
||||
Quotes mix it up a little bit, if you write long articles. So use quotes:
|
||||
|
||||
> Age is an issue of mind over matter. If you don't mind, it doesn't matter.
|
||||
<cite>Mark Twain</cite>
|
||||
|
||||
Beef ribs jowl swine porchetta
|
||||
: Sirloin tenderloin swine frankfurter pork loin pork capicola ham hock strip steak ribeye beef ribs. Hamburger t-bone ribeye ham prosciutto bresaola.
|
||||
|
||||
Pancetta flank sirloin pork
|
||||
: short ribs shankle prosciutto landjaeger. Beef ribs turkey shoulder drumstick. Leberkas pork belly ribeye, bresaola jerky strip steak tenderloin bacon landjaeger short ribs beef ribs. Flank pork chop fatback tail kielbasa filet mignon jowl landjaeger bresaola tongue corned beef biltong. Landjaeger spare ribs fatback corned beef tenderloin drumstick, swine chicken beef turkey biltong doner tri-tip filet mignon.
|
|
@ -3,7 +3,9 @@ layout: post-left-sidebar
|
|||
title: "Post With Left Sidebar"
|
||||
description: "This is a example of Post with a Sidebar on the left."
|
||||
date: 2014-03-28 00:00:00
|
||||
categories: layout
|
||||
categories:
|
||||
- layout
|
||||
- design
|
||||
image_title: "unsplash_1.jpg"
|
||||
permalink: "/design/post-left-sidebar/"
|
||||
---
|
||||
|
|
|
@ -3,7 +3,9 @@ layout: post-right-sidebar
|
|||
title: "Post With Right Sidebar"
|
||||
description: "This is a example of Post with a Sidebar on the right."
|
||||
date: 2014-03-28 00:00:00
|
||||
categories: layout
|
||||
categories:
|
||||
- layout
|
||||
- design
|
||||
image:
|
||||
thumb: "unsplash_2_thumb.jpg"
|
||||
image_title: "unsplash_2.jpg"
|
||||
|
|
|
@ -3,7 +3,9 @@ layout: post
|
|||
title: "Normal Post"
|
||||
description: "This is a example of post beautiful aligned in the middle. No sidebar needed to read good articles."
|
||||
date: 2014-03-28 00:00:00
|
||||
categories: layout
|
||||
categories:
|
||||
- layout
|
||||
- design
|
||||
permalink: "/design/post/"
|
||||
---
|
||||
## Look!
|
||||
|
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
title: "Possibilites to style your Post"
|
||||
subtitle: "Layout Elements"
|
||||
description: "You can style your content in different ways. There are elements like subtitles, feature images, header images, meta data like categories and tags and many more. This article shows the different possibilites."
|
||||
categories: layout
|
||||
image:
|
||||
thumb: unsplash_6_thumb.jpg
|
||||
image_title: "unsplash_6.jpg"
|
||||
image_header: "no"
|
||||
permalink: "/design/elements/"
|
||||
---
|
||||
|
||||
## Subtitles
|
||||
|
||||
## Feature Images
|
||||
|
||||
## Header Images
|
||||
|
||||
You can choose to show a special full-width header image or not.
|
||||
|
||||
## Meta-Data
|
|
@ -4,10 +4,11 @@ title: "The Grid"
|
|||
subtitle: "Multi-Device Layouts"
|
||||
description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. These are the dimensions."
|
||||
date: 2014-07-05 07:00:00
|
||||
categories:
|
||||
- layout
|
||||
- design
|
||||
image:
|
||||
thumb: unsplash_7_thumb.jpg
|
||||
categories:
|
||||
- layout
|
||||
permalink: "/design/grid/"
|
||||
---
|
||||
*Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing beautiful layouts][1] in the foundation documentation.
|
||||
|
|
Reference in a new issue