1
0
Fork 0
This repository has been archived on 2021-01-06. You can view files and clone it, but cannot push or open issues or pull requests.
dennogumi.org-archive/documentation.md
Moritz »mo.« Sauer e055d742ef Update
2014-09-16 18:39:47 +02:00

5.4 KiB
Raw Blame History

layout title subheadline description image permalink
page-fullwidth Theme Documentation How to use Feeling Responsive The documentation is a work in progress...
header
no
/documentation/
**Table of Contents** {: #toc } * TOC {:toc}

Different Page/Posts Formats

Feeling Responsive supports you with different templates for your content. These are the actual page/post formats:

[Post]({{ site.url }}/design/post/)
The post format has no sidebar, its content is centered and beneath the content the visitor gets some metadata like categories, tags, date and author if provided via data in front matter of the post.
use in front matter via: layout: post
[Page]({{ site.url }}/design/page/)
Shows the content in the same way as the post format without listing the metadata at the end of the page.
use in front matter via: layout: page
[Post with left sidebar]({{ site.url }}/design/post-left-sidebar/)
Displays a left sidebar besides the content. To customize the content of the sidebar, open _includes/sidebar.html.
use in front matter via: layout: post-left-sidebar
[Post with right sidebar]({{ site.url }}/design/post-right-sidebar/)
Displays a right sidebar besides the content. To customize the content of the sidebar, open _includes/sidebar.html.
use in front matter via: layout: post-right-sidebar
[Page Full Width]({{ site.url }}/design/page-full-width/)
If you want full control of styling a page, than use the full-width template. To set up a grid, just use the foundation grid system.
use in front matter via: layout: page-full-width

Up to table of contents {: .text-right }

Style your content with

Feeling Responsive offers lots of possibilities to style your articles. You can style your content in different ways. There are elements like subheadlines, feature images, header images, homepage images, meta data like categories and tags and many more.

subheadlines

If you need a subheadline for an article, just define a subheadline in front matter like this:

subheadline: "Subheadline"

Quotes

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. Mark Twain

Up to table of contents {: .text-right }

Responsive Videos

With foundation responsive videos are easy. More

Code to use for flexible videos

{% highlight html %}