websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Update typography

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-09-16 09:30:27 +02:00
commit 9d7b40e9ca
4 changed files with 129 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

40
documentation.md
View file

@ -55,26 +55,36 @@ permalink: "/documentation/"
## Style your content with {#styling}
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.
Feeling Responsive offers lots of possibilities to style your articles. 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.
### Subtitles
If you need a subheadline for an article, just define a subheadline in front matter like this:
`subtitle: "Subheadline"`
### Quotes
### Different images: Header, Title, Thumbnails {#images}
Quotes mix it up a little bit, if you write long articles. So use quotes:
There are four types of images you can define via frontmatter: thumbnails, header images, title images and images in your article.
> Age is an issue of mind over matter. If you don't mind, it doesn't matter.
<cite>Mark Twain</cite>
## Images: Header, Title, Thumbnails {#images}
There are four types of images you can define via frontmatter: thumbnails, header images, title images and images in your article.
### Header Images
Header images are displayed right under the top navigation. We use Backstretch to expand them from left to right. The width should be 1600 pixel or higher and in a ratio like 16:9 or 21:9 or 2:1.
Header images are displayed right under the top navigation. We use Backstretch to expand them from left to right. The width should be 1600 pixel or higher and in a ratio like 16:9 or 21:9 or 2:1. <mark>If you don't want any header image just write `image_header: "no"` into front matter.</mark>
~~~
image:
@ -82,16 +92,6 @@ image:
~~~
### Thumbnails
Thumbnails are used on archive pages like the [blog index][2]. Define them in front matter like this:
~~~
image:
thumb: thumbnail_image.jpg
~~~
### Title Images
~~~
@ -102,6 +102,16 @@ image:
You can choose to show a special full-width header image or not.
### Thumbnails
Thumbnails are used on archive pages like the [blog index][2]. Define them in front matter like this:
~~~
image:
thumb: thumbnail_image.jpg
~~~
### Define all three images
~~~