Init Jekyll Theme
This commit is contained in:
parent
ef6d8f23ef
commit
e5d20c0faf
161 changed files with 11696 additions and 0 deletions
44
_posts/design/2014-07-05-elements.md
Normal file
44
_posts/design/2014-07-05-elements.md
Normal 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.
|
16
_posts/design/2014-07-09-post-left-sidebar.md
Normal file
16
_posts/design/2014-07-09-post-left-sidebar.md
Normal 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.
|
20
_posts/design/2014-07-10-post-right-sidebar.md
Normal file
20
_posts/design/2014-07-10-post-right-sidebar.md
Normal 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.
|
17
_posts/design/2014-07-10-post.md
Normal file
17
_posts/design/2014-07-10-post.md
Normal 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.
|
22
_posts/design/2014-07-18-elements.md
Normal file
22
_posts/design/2014-07-18-elements.md
Normal 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
|
72
_posts/design/2014-08-17-grid.md
Normal file
72
_posts/design/2014-08-17-grid.md
Normal 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&text=Width+500+Pixel">
|
||||
</div>
|
||||
<div class="large-6 columns">
|
||||
<img src="http://placehold.it/500x281/e05a10/e1e75e&text=Width+500+Pixel">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Three Columns
|
||||
|
||||
<div class="row">
|
||||
<div class="large-4 columns">
|
||||
<img src="http://placehold.it/333x170/6b6351/e1dcd7&text=Width+333+Pixel">
|
||||
</div>
|
||||
<div class="large-4 columns">
|
||||
<img src="http://placehold.it/333x170/e05a10/e1e75e&text=Width+333+Pixel">
|
||||
</div>
|
||||
<div class="large-4 columns">
|
||||
<img src="http://placehold.it/333x170/fabb00/771e1e&text=Width+333+Pixel">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
### Four Columns
|
||||
|
||||
<div class="row">
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/6b6351/e1dcd7&text=Width+250+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/e05a10/e1e75e&text=Width+250+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/fabb00/771e1e&text=Width+250+Pixel">
|
||||
</div>
|
||||
<div class="large-3 columns">
|
||||
<img src="http://placehold.it/250x141/00792c/acca57&text=Width+250+Pixel">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
[1]: http://foundation.zurb.com/docs/components/grid.html
|
||||
[2]: #
|
||||
[3]: #
|
||||
[4]: #
|
||||
[5]: #
|
||||
[6]: #
|
||||
[7]: #
|
||||
[8]: #
|
||||
[9]: #
|
||||
[10]: #
|
Reference in a new issue