1
0
Fork 0

Init Jekyll Theme

This commit is contained in:
Moritz »mo.« Sauer 2014-08-20 20:33:40 +02:00
parent ef6d8f23ef
commit e5d20c0faf
161 changed files with 11696 additions and 0 deletions

View file

@ -0,0 +1,44 @@
---
layout: post
title: "This is the <h1>-Headline"
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
categories:
- typography
- design
- elements
image_title: "unsplash_5.jpg"
permalink: "/design/this-is-h1-headline/"
---
# <h1>-Headline
## <h2>-Headline
### <h3>-Headline
#### <h4>-Headline
##### <h5>-Headline
###### <h6>-Headline
- - -
1. Ordered List
2. Second List Item
3. Third List Item
4. Fourth List Item
5. Fifth List Item
- - -
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.
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.

View file

@ -0,0 +1,16 @@
---
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
image_title: "unsplash_1.jpg"
permalink: "/design/post-left-sidebar/"
---
## Have a look at the sidebar
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

View file

@ -0,0 +1,20 @@
---
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
image:
thumb: "unsplash_2_thumb.jpg"
image_title: "unsplash_2.jpg"
permalink: "/design/post-right-sidebar/"
---
## Have a look at the sidebar
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
### Lorem
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

View file

@ -0,0 +1,17 @@
---
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
permalink: "/design/post/"
---
## Look!
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
### Lorem
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

View file

@ -0,0 +1,22 @@
---
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

View file

@ -0,0 +1,72 @@
---
layout: page-fullwidth
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
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.
## Large Displays
### Two Columns
<div class="row">
<div class="large-6 columns">
<img src="http://placehold.it/500x281/6b6351/e1dcd7&amp;text=Width+500+Pixel">
</div>
<div class="large-6 columns">
<img src="http://placehold.it/500x281/e05a10/e1e75e&amp;text=Width+500+Pixel">
</div>
</div>
### Three Columns
<div class="row">
<div class="large-4 columns">
<img src="http://placehold.it/333x170/6b6351/e1dcd7&amp;text=Width+333+Pixel">
</div>
<div class="large-4 columns">
<img src="http://placehold.it/333x170/e05a10/e1e75e&amp;text=Width+333+Pixel">
</div>
<div class="large-4 columns">
<img src="http://placehold.it/333x170/fabb00/771e1e&amp;text=Width+333+Pixel">
</div>
</div>
### Four Columns
<div class="row">
<div class="large-3 columns">
<img src="http://placehold.it/250x141/6b6351/e1dcd7&amp;text=Width+250+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/e05a10/e1e75e&amp;text=Width+250+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/fabb00/771e1e&amp;text=Width+250+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/00792c/acca57&amp;text=Width+250+Pixel">
</div>
</div>
[1]: http://foundation.zurb.com/docs/components/grid.html
[2]: #
[3]: #
[4]: #
[5]: #
[6]: #
[7]: #
[8]: #
[9]: #
[10]: #