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

Version 0.9

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-09-21 18:39:46 +02:00
parent af69d3daac
commit b268f85c0b
50 changed files with 421 additions and 207 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_data/navigation.yml
View file

@ -16,7 +16,7 @@
url: "/design/typography/"
- title: "Blog-Page"
url: "/blog/"
- title: "Post-Layout"
- title: "Post"
url: "/design/post/"
- title: "Post-Left-Sidebar"
url: "/design/post-left-sidebar/"

1
_drafts/gallery.md
View file

@ -10,7 +10,6 @@ tags:
- photos
- gallery
image:
header: "no"
thumb: "gallery_thumb.jpg"
---

33
_drafts/page_all_frontmatter.md Normal file
View file

@ -0,0 +1,33 @@
---
layout: page
title: ""
subheadline: ""
meta_description: ""
description: ""
date: 2014-03-28 00:00:00
categories:
-
tags:
-
image:
homepage: ""
header: ""
thumb: ""
credit: ""
url: ""
---
[1]: #
[2]: #
[3]: #
[4]: #
[5]: #
[6]: #
[7]: #
[8]: #
[9]: #
[10]: #

31
_drafts/post_with_image.md Normal file
View file

@ -0,0 +1,31 @@
---
layout: post
title: ""
subheadline: ""
meta_description: ""
description: ""
categories:
-
tags:
-
image:
header: ""
thumb: ""
homepage: ""
credit: ""
url: ""
---
[1]: #
[2]: #
[3]: #
[4]: #
[5]: #
[6]: #
[7]: #
[8]: #
[9]: #
[10]: #

17
_drafts/post_without_image.md
View file

@ -8,6 +8,19 @@ categories:
-
tags:
-
image:
header: "no"
---
[1]: #
[2]: #
[3]: #
[4]: #
[5]: #
[6]: #
[7]: #
[8]: #
[9]: #
[10]: #

13
_drafts/video.md Normal file
View file

@ -0,0 +1,13 @@
---
layout: video
title: ""
subheadline: ""
meta_description: ""
description: ""
image:
categories:
-
tags:
- video
iframe: "<iframe width='970' height='546' src='//www.youtube.com/embed/WoHxoz_0ykI' frameborder='0' allowfullscreen></iframe>"
---

12
_includes/footer.html
View file

@ -1,8 +1,8 @@
<div class="row">
<div class="small-12 columns" style="text-align: right;">
<a class="entypo entypo-48" href="#top-of-page">&nbsp;&#59231;&nbsp;</a>
</div><!-- /.small-12.columns -->
</div><!-- /.row -->
<div id="up-to-top" class="row">
<div class="small-12 columns" style="text-align: right;">
<a class="entypo entypo-48" href="#top-of-page">&nbsp;&#59231;&nbsp;</a>
</div><!-- /.small-12.columns -->
</div><!-- /.row -->
<footer id="footer-content" class="bg-grau">
@ -47,7 +47,7 @@
<div id="subfooter">
<nav class="row">
<section id="subfooter-left" class="bottom-30 small-12 medium-6 columns">
<section id="subfooter-left" class="b30 small-12 medium-6 columns">
<ul class="inline-list">
<li><a href="{{ site.url }}/about/">About</a></li>
<li>We &hearts; <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> &amp; <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li>

6
_includes/footer_scripte.html
View file

@ -1,5 +1,7 @@
<script src="{{ site.url }}/assets/js/app.min.js"></script>
{% if page.image.header %}
<script>
$("#masthead").backstretch("{{ site.url }}/assets/img/{% if page.image.header %}{{ page.image.header }}{% else %}unsplash_3.jpg{% endif %}");
</script>
$("#masthead").backstretch("{{ site.url }}/assets/img/{{ page.image.header }}");
</script>
{% endif %}

2
_includes/blog-entries.html → _includes/list-posts.html
View file

@ -6,7 +6,7 @@ Possible parameter for this loop:
› offset
› category
Example: {% include blog-entries.html entries='3' offset='1' category='design' %}
Example: {% include list-posts.html entries='3' offset='1' category='design' %}
This loop works like this:

2
_includes/masthead.html
View file

@ -1,4 +1,4 @@
{% if page.image.header == "no" %}
{% if page.image.header == NULL %}
<div id="masthead-no-image-header">
<div class="row">

35
_includes/meta_information.html
View file

@ -1,21 +1,20 @@
<div class="page-meta">
<ul class="side-nav">
<li class="subheader">Published on {{ page.date | date: "%d.%m.%Y" }}</li>
<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
<li class="subheader">Tagged: {% for tag in page.tags %}{{tag}} &middot; {% endfor %}</li>
<li class="divider"></li>
</ul>
</div>
<div id="page-meta" class="t30">
<p>
<span class="entypo entypo-32">&#128197;</span> <span class="pr20">{{ page.date | date: "%d.%m.%Y" }}</span>
{% if page.categories %}<span class="entypo entypo-32">&#128193;</span> <span class="pr20">{{ page.categories | join: ' · ' | upcase }}{% endif %}</span>
<span class="pr20">{% for tag in page.tags %}<span class="entypo entypo-32">&#59148;</span><span class="pr10">{{tag}}</span> {% endfor %}</span>
</p>
<div id="post-nav" class="row">
{% if page.previous.url %}
<div class="small-5 columns top-30"><a class="button small radius prev" href="{{page.previous.url}}">&laquo; {{page.previous.title}}</a></div><!-- /.small-4.columns -->
{% endif %}
<div class="small-2 columns top-30 text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Archive</a></div><!-- /.small-4.columns -->
{% if page.next.url %}
<div class="small-5 columns top-30 text-right"><a class="button small radius next" href="{{page.next.url}}">{{page.next.title}} &raquo;</a></div><!-- /.small-4.columns -->
{% endif %}
</div>
<div id="post-nav" class="row">
{% if page.previous.url %}
<div class="small-5 columns"><a class="button small radius prev" href="{{page.previous.url}}">&laquo; {{page.previous.title}}</a></div><!-- /.small-4.columns -->
{% endif %}
<div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Archive</a></div><!-- /.small-4.columns -->
{% if page.next.url %}
<div class="small-5 columns text-right"><a class="button small radius next" href="{{page.next.url}}">{{page.next.title}} &raquo;</a></div><!-- /.small-4.columns -->
{% endif %}
</div>
</div><!-- /.page-meta -->

2
_includes/pagination.html
View file

@ -6,7 +6,7 @@ Total paginate-pages: {{ paginator.total_pages }}
-->
{% for post in paginator.posts %}
<div class="row">
<div class="small-12 columns bottom-60">
<div class="small-12 columns b60">
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}<span class="subheader"><small> {% if post.categories %}{{ post.categories | join: ' &middot; ' }}{% endif %}</small></span></p>
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
<p>

2
_includes/sidebar.html
View file

@ -9,7 +9,7 @@
</div>
<div class="ad-panel radius bottom-30">
<div class="ad-panel radius b30">
<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
<p class="text-left">
This is an advertisment with crazy cats! <a href="http://placekitten.com/">Check'em out.</a>

4
_layouts/blog.html
View file

@ -3,12 +3,12 @@ layout: default
format: blog-index
---
<div class="row">
<div class="medium-7 columns top-30">
<div class="medium-7 columns t30">
{% include pagination.html %}
</div><!-- /.medium-7.columns -->
<div class="medium-5 columns top-30">
<div class="medium-5 columns t30">
{% include sidebar.html %}
</div><!-- /.medium-5.columns -->
</div><!-- /.row -->

4
_layouts/page-fullwidth.html
View file

@ -3,7 +3,7 @@ layout: default
format: page-fullwidth
---
{% if page.image.title %}
<div class="row top-30">
<div class="row t30">
<div class="small-12 columns">
<img src="{{ site.url }}/assets/img/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">
{% if page.image.url && page.image.credit %}
@ -16,7 +16,7 @@ format: page-fullwidth
{% endif %}
<div class="row top-30">
<div class="row t30">
<div class="medium-12 columns">
<article>

5
_layouts/page.html
View file

@ -3,7 +3,7 @@ layout: default
format: page
---
{% if page.image.title %}
<div class="row top-30">
<div class="row t30">
<div class="small-12 columns">
<img src="{{ site.url }}/assets/img/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">
{% if page.image.url && page.image.credit %}
@ -15,7 +15,8 @@ format: page
</div><!-- /.row -->
{% endif %}
<div class="row top-30">
<div class="row t30">
<div class="medium-offset-2 medium-8 end columns">
<article>

2
_layouts/post-left-sidebar.html
View file

@ -2,7 +2,7 @@
layout: default
format: post-left-sidebar
---
<div class="row top-60">
<div class="row t60">
<div class="medium-4 columns">
{% include sidebar.html %}
</div><!-- /.medium-4.columns -->

2
_layouts/post-right-sidebar.html
View file

@ -2,7 +2,7 @@
layout: default
format: post-right-sidebar
---
<div class="row top-60">
<div class="row t60">
<div class="medium-8 columns">
<article>
<header>

5
_layouts/post.html
View file

@ -3,7 +3,7 @@ layout: default
format: post
---
{% if page.image.title %}
<div class="row top-30">
<div class="row t30">
<div class="small-12 columns">
<img src="{{ site.url }}/assets/img/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">
{% if page.image.url && page.image.credit %}
@ -15,7 +15,7 @@ format: post
</div><!-- /.row -->
{% endif %}
<div class="row top-30">
<div class="row t30">
<div class="medium-offset-2 medium-8 end columns">
<article>
@ -33,7 +33,6 @@ format: post
{{ content }}
{% include meta_information.html %}
</article>
</div><!-- /.medium-8.columns -->

2
_layouts/video.html
View file

@ -12,7 +12,7 @@ format: video
<div class="row">
<div class="medium-offset-2 medium-8 end columns">
<header>
{% if page.subheadline %}<p class="subheadline top-30">{{ page.subheadline }}</p>{% endif %}
{% if page.subheadline %}<p class="subheadline t30">{{ page.subheadline }}</p>{% endif %}
<h1>{{ page.title }}</h1>
</header>
{% if page.description %}

5
_posts/design/2014-07-10-post.md
View file

@ -9,7 +9,6 @@ tags:
- content
- post
image:
header: "no"
title: "unsplash_1.jpg"
credit: Unsplash.com
url: http://unsplash.com
@ -26,3 +25,7 @@ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
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.
<h3 class="t90">Related Articles</h3>
{% include list-posts.html entries='3' offset='1' category="design" %}

4
_posts/design/2014-08-11-page.md
View file

@ -4,8 +4,6 @@ title: "Page Template"
meta_description: "This is an example of a beautiful aligned page in the middle. There is no sidebar to distract the reader. The difference to the Post-Template is, that you find no meta-information at the bottom of the post."
categories:
- design
image:
header: "no"
---
<p class="teaser">
This is an example of a beautiful aligned page in the middle. There is no sidebar to distract the reader. The difference to the <a href='{{ site.url }}/design/post/'>Post-Template</a> is, that you find <mark>no meta-information</mark> at the bottom of the post.</p>
@ -21,4 +19,4 @@ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
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.
## More Articles
{% include blog-entries.html entries='3' offset='1' %}
{% include list-posts.html entries='3' offset='1' %}

14
_posts/design/2014-08-19-page-fullwidth.md
View file

@ -6,20 +6,20 @@ description: "The full-width page format gives you all the space you need to sho
categories:
- design
image:
thumb: "unsplash_7_thumb.jpg"
header: "unsplash_leaf_header.jpg"
---
*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.
<div class="row">
<div class="medium-4 columns top-30">
<div class="medium-4 columns t30">
<img src="{{ site.url }}/assets/img/unsplash_1.jpg" alt="">
</div><!-- /.medium-4.columns -->
<div class="medium-4 columns top-30">
<div class="medium-4 columns t30">
<img src="{{ site.url }}/assets/img/unsplash_2.jpg" alt="">
</div><!-- /.medium-4.columns -->
<div class="medium-4 columns top-30">
<div class="medium-4 columns t30">
<img src="{{ site.url }}/assets/img/unsplash_4.jpg" alt="">
</div><!-- /.medium-4.columns -->
@ -27,13 +27,13 @@ image:
<div class="row">
<div class="medium-8 columns top-30">
<div class="medium-8 columns t30">
<img src="{{ site.url }}/assets/img/unsplash_6.jpg" alt="">
</div><!-- /.medium-8.columns -->
<div class="medium-4 columns top-30">
<div class="medium-4 columns t30">
<img src="{{ site.url }}/assets/img/unsplash_5.jpg" alt="">
<img class="top-30" src="{{ site.url }}/assets/img/unsplash_7.jpg" alt="">
<img class="t30" src="{{ site.url }}/assets/img/unsplash_7.jpg" alt="">
</div><!-- /.medium-4.columns -->
</div><!-- /.row -->

8
_posts/design/2014-09-10-portfolio.md
View file

@ -4,25 +4,25 @@ title: "Show your beautiful work!"
subheadline: "Portfolio"
description: "You don't need a special portfolio template with this theme. Just check out the great possibilities of the foundation grid and experiment with it."
image:
header: "no"
thumb: "unsplash_6_bus_thumb.jpg"
categories:
- design
---
<div class="row">
<div class="medium-6 columns bottom-30">
<div class="medium-6 columns b30">
<img src="{{ site.url }}/assets/img/webdesign_screenshot_nixdorf.jpg" alt="">
<p> Website: <a href="http://nixdorf-internatsberatung.de">Nixdorf Internatsberatung &amp; Schulberatung</a></p>
</div><!-- /.medium-6.columns -->
<div class="medium-6 columns bottom-30">
<div class="medium-6 columns b30">
<img src="{{ site.url }}/assets/img/webdesign_screenshot_jcorneille.jpg" alt="">
<p>Website: <a href="http://jcorneille.de">Grafik Design Jeannette Corneille</a></p>
</div><!-- /.medium-6.columns -->
</div><!-- /.row -->
<div class="row top-30">
<div class="row t30">
<div class="medium-4 columns">
<img src="{{ site.url }}/assets/img/webdesign_screenshot_stilwandel.jpg" alt="">
<p>Website: <a href="http://stilwandel-koeln.de">Stilwande-Koeln.de</a></p>

57
_posts/design/2014-08-17-grid.md → _posts/design/2014-09-13-grid.md
View file

@ -1,13 +1,13 @@
---
layout: page-fullwidth
title: "Grid & Colors"
subheadline: "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
subheadline: "Multi-Device Layouts in Color"
description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. To optimize the size of your images, you find the correct dimensions beneath. Further below you find the <a href='#color-scheme-and-colors-codes'>colorscheme and colors</a> used for <em>Feeling Responsive</em> and their color codes."
categories:
- design
image:
thumb: "unsplash_7_thumb.jpg"
header: "unsplash_brooklyn-bridge_header.jpg"
thumb: "unsplash_brooklyn-bridge_thumb.jpg"
---
*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.
@ -17,10 +17,10 @@ image:
<div class="row">
<div class="large-6 columns">
<img src="http://placehold.it/500x281/6b6351/e1dcd7&amp;text=Width+500+Pixel">
<img src="http://placehold.it/470x264/6b6351/e1dcd7&amp;text=Width+470+Pixel">
</div>
<div class="large-6 columns">
<img src="http://placehold.it/500x281/e05a10/e1e75e&amp;text=Width+500+Pixel">
<img src="http://placehold.it/470x264/e05a10/e1e75e&amp;text=Width+470+Pixel">
</div>
</div>
@ -28,13 +28,13 @@ image:
<div class="row">
<div class="large-4 columns">
<img src="http://placehold.it/333x170/6b6351/e1dcd7&amp;text=Width+333+Pixel">
<img src="http://placehold.it/303x170/6b6351/e1dcd7&amp;text=Width+303+Pixel">
</div>
<div class="large-4 columns">
<img src="http://placehold.it/333x170/e05a10/e1e75e&amp;text=Width+333+Pixel">
<img src="http://placehold.it/303x170/e05a10/e1e75e&amp;text=Width+303+Pixel">
</div>
<div class="large-4 columns">
<img src="http://placehold.it/333x170/fabb00/771e1e&amp;text=Width+333+Pixel">
<img src="http://placehold.it/303x170/fabb00/771e1e&amp;text=Width+303+Pixel">
</div>
</div>
@ -58,64 +58,69 @@ image:
</div>
## Colors
## Color Scheme and Colors Codes
{: .t90 }
<p class="teaser" markdown="1">
*Feeling Responsive* uses strong colors in combination with grey colors.
</p>
<div class="row">
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/E4E4E4/ffffff&amp;text=Grey+E4E4E4">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/D7D7D7/ffffff&amp;text=Grey+D7D7D7">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/CBCBCB/ffffff&amp;text=Grey+CBCBCB">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/BEBEBE/ffffff&amp;text=Grey+BEBEBE">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/A4A4A4/ffffff&amp;text=Grey+A4A4A4">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/979797/ffffff&amp;text=Grey+979797">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/8B8B8B/ffffff&amp;text=Grey+8B8B8B">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/7E7E7E/ffffff&amp;text=Grey+7E7E7E">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/646464/ffffff&amp;text=Grey+646464">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/575757/ffffff&amp;text=Grey+575757">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/4B4B4B/ffffff&amp;text=Grey+4B4B4B">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/3E3E3E/ffffff&amp;text=Grey+3E3E3E">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/313131/ffffff&amp;text=Grey+313131">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/242424/ffffff&amp;text=Grey+242424">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/171717/ffffff&amp;text=Grey+171717">
</div>
<div class="large-3 columns bottom-30">
<div class="large-3 columns b30">
<img src="http://placehold.it/220/0B0B0B/ffffff&amp;text=Grey+0B0B0B">
</div>
</div>

2
_posts/design/2014-09-14-video.md
View file

@ -3,8 +3,6 @@ layout: video
title: "Video Template"
subheadline: "Video Template"
description: "If you want to show videos in a large manner, the video template is for your."
image:
header: "no"
categories:
- design
iframe: "<iframe width='970' height='546' src='//www.youtube.com/embed/WoHxoz_0ykI' frameborder='0' allowfullscreen></iframe>"

1
_posts/design/2014-09-15-gallery.md
View file

@ -7,7 +7,6 @@ categories:
- design
image:
thumb: "unsplash_7_thumb.jpg"
header: "no"
---
You just need to choose a template like the [`page`][3]- or [`page-fullwidth`][4]-template and than use some foundation magic.

2
_posts/design/2014-09-16-typography.md
View file

@ -6,7 +6,7 @@ meta_description: "Feeling Responsive uses Volkhov for headlines, Lato for every
description: "<em>Feeling Responsive</em> uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console."
image:
header: homepage_typography.jpg
thumb: unsplash_6_thumb.jpg
thumb: homepage_typography_thumb.jpg
homepage: homepage_typography.jpg
credit: Image by Antonio
url: "http://www.aisleone.net/"

1
about.md
View file

@ -3,7 +3,6 @@ layout: page
title: "About"
subheadline: "Why another Jekyll Theme?"
description: "Since years I am programming and designing websites. I love to work with open source tools and learn via code from others. This time I want to try to give something back..."
image_header: "no"
permalink: "/about/"
---
...and learn at the same time.

206
assets/css/style_feeling_responsive.css
View file

@ -5286,7 +5286,7 @@ h6 {
/* line 273, ../bower_components/foundation/scss/foundation/components/_type.scss */
hr {
border: solid #dddddd;
border: solid #cbcbcb;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
@ -6264,12 +6264,17 @@ td {
}
/* line 42, ../scss/_4_typography_theme-fr.scss */
pre {
overflow: auto;
}
/* line 43, ../scss/_4_typography_theme-fr.scss */
code {
font-size: 0.875rem;
line-height: 1.5;
}
/* line 44, ../scss/_4_typography_theme-fr.scss */
/* line 45, ../scss/_4_typography_theme-fr.scss */
blockquote {
font-style: italic;
position: relative;
@ -6278,13 +6283,13 @@ blockquote {
color: #4b4b4d;
}
/* line 52, ../scss/_4_typography_theme-fr.scss */
/* line 53, ../scss/_4_typography_theme-fr.scss */
blockquote p {
font-style: italic;
color: #575757;
}
/* line 54, ../scss/_4_typography_theme-fr.scss */
/* line 55, ../scss/_4_typography_theme-fr.scss */
blockquote:before {
display: block;
content: "\00BB";
@ -6295,7 +6300,7 @@ blockquote:before {
color: #4b4b4d;
}
/* line 62, ../scss/_4_typography_theme-fr.scss */
/* line 63, ../scss/_4_typography_theme-fr.scss */
blockquote:after {
display: block;
content: "\00AB";
@ -6306,73 +6311,73 @@ blockquote:after {
color: #4b4b4d;
}
/* line 72, ../scss/_4_typography_theme-fr.scss */
/* line 73, ../scss/_4_typography_theme-fr.scss */
blockquote cite:before {
content: "\2014 \0020";
}
/* line 74, ../scss/_4_typography_theme-fr.scss */
/* line 75, ../scss/_4_typography_theme-fr.scss */
blockquote cite a, blockquote cite a:visited {
color: #555;
}
/* line 76, ../scss/_4_typography_theme-fr.scss */
/* line 77, ../scss/_4_typography_theme-fr.scss */
cite {
padding-top: 5px;
}
/* line 78, ../scss/_4_typography_theme-fr.scss */
/* line 79, ../scss/_4_typography_theme-fr.scss */
.alert-box {
font-family: "Volkhov", Georgia;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}
/* line 82, ../scss/_4_typography_theme-fr.scss */
/* line 83, ../scss/_4_typography_theme-fr.scss */
.alert-box p {
margin-bottom: 0;
}
/* line 83, ../scss/_4_typography_theme-fr.scss */
/* line 84, ../scss/_4_typography_theme-fr.scss */
.alert-box a {
text-shadow: 1px 1px 0px black;
color: #fff;
border-bottom: 1px dotted #fff;
}
/* line 88, ../scss/_4_typography_theme-fr.scss */
/* line 89, ../scss/_4_typography_theme-fr.scss */
.alert-box a:hover {
border-bottom: 1px solid #fff;
}
/* line 92, ../scss/_4_typography_theme-fr.scss */
/* line 93, ../scss/_4_typography_theme-fr.scss */
button, .button {
letter-spacing: 1px;
}
/* line 94, ../scss/_4_typography_theme-fr.scss */
/* line 95, ../scss/_4_typography_theme-fr.scss */
mark {
background-color: #f393b5;
}
/* line 96, ../scss/_4_typography_theme-fr.scss */
/* line 97, ../scss/_4_typography_theme-fr.scss */
.subheadline {
font-size: 1rem;
margin: 0;
text-transform: uppercase;
}
/* line 97, ../scss/_4_typography_theme-fr.scss */
/* line 98, ../scss/_4_typography_theme-fr.scss */
.teaser {
font-size: 1.25rem;
}
/* line 98, ../scss/_4_typography_theme-fr.scss */
/* line 99, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-style: italic;
font-weight: 300;
}
/* line 99, ../scss/_4_typography_theme-fr.scss */
/* line 100, ../scss/_4_typography_theme-fr.scss */
.big-teaser a {
font-style: italic;
font-weight: 400;
@ -6380,13 +6385,13 @@ mark {
/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
@media only screen {
/* line 104, ../scss/_4_typography_theme-fr.scss */
/* line 105, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.25rem;
}
}
@media only screen and (min-width: 40.063em) {
/* line 109, ../scss/_4_typography_theme-fr.scss */
/* line 110, ../scss/_4_typography_theme-fr.scss */
.big-teaser {
font-size: 1.8125rem;
}
@ -6396,42 +6401,42 @@ mark {
Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 122, ../scss/_4_typography_theme-fr.scss */
/* line 123, ../scss/_4_typography_theme-fr.scss */
.sans {
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 123, ../scss/_4_typography_theme-fr.scss */
/* line 124, ../scss/_4_typography_theme-fr.scss */
.serif {
font-family: "Volkhov", Georgia;
}
/* line 125, ../scss/_4_typography_theme-fr.scss */
/* line 126, ../scss/_4_typography_theme-fr.scss */
.font-size-huge {
font-size: 2.25rem;
}
/* line 126, ../scss/_4_typography_theme-fr.scss */
/* line 127, ../scss/_4_typography_theme-fr.scss */
.font-size-large {
font-size: 1.5625rem;
}
/* line 127, ../scss/_4_typography_theme-fr.scss */
/* line 128, ../scss/_4_typography_theme-fr.scss */
.font-size-big {
font-size: 1.375rem;
}
/* line 128, ../scss/_4_typography_theme-fr.scss */
/* line 129, ../scss/_4_typography_theme-fr.scss */
.font-size-medium {
font-size: 1.125rem;
}
/* line 129, ../scss/_4_typography_theme-fr.scss */
/* line 130, ../scss/_4_typography_theme-fr.scss */
.font-size-regular {
font-size: 1.125rem;
}
/* line 130, ../scss/_4_typography_theme-fr.scss */
/* line 131, ../scss/_4_typography_theme-fr.scss */
.font-size-normal {
font-size: 1.125rem;
}
@ -6452,27 +6457,32 @@ Additional typographical elements
font-style: normal;
}
/* line 155, ../scss/_4_typography_theme-fr.scss */
/* line 156, ../scss/_4_typography_theme-fr.scss */
.entypo {
font-family: 'entypo';
}
/* line 156, ../scss/_4_typography_theme-fr.scss */
/* line 157, ../scss/_4_typography_theme-fr.scss */
.entypo-social {
font-family: 'entypo-social';
}
/* line 157, ../scss/_4_typography_theme-fr.scss */
/* line 158, ../scss/_4_typography_theme-fr.scss */
.entypo-32 {
font-size: 2rem;
}
/* line 158, ../scss/_4_typography_theme-fr.scss */
/* line 159, ../scss/_4_typography_theme-fr.scss */
.entypo-29 {
font-size: 1.8125rem;
}
/* line 160, ../scss/_4_typography_theme-fr.scss */
.entypo-48 {
font-size: 3rem;
}
/* line 159, ../scss/_4_typography_theme-fr.scss */
/* line 161, ../scss/_4_typography_theme-fr.scss */
.entypo-64 {
font-size: 4rem;
}
@ -6592,13 +6602,34 @@ body.video cite {
margin-top: 30px;
}
}
/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
/* line 60, ../scss/_5_layout_theme-fr.scss */
footer {
padding-top: 160px;
/* line 56, ../scss/_5_layout_theme-fr.scss */
#page-meta {
color: #a4a4a4;
}
/* line 61, ../scss/_5_layout_theme-fr.scss */
/* line 60, ../scss/_5_layout_theme-fr.scss */
#page-meta .button {
background: #a4a4a4;
}
/* line 63, ../scss/_5_layout_theme-fr.scss */
#page-meta .button:hover {
background: #8a9b0f;
}
/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
/* line 71, ../scss/_5_layout_theme-fr.scss */
#up-to-top a.entypo:hover {
background: #d7d7d7;
border-radius: 3px;
}
/* line 72, ../scss/_5_layout_theme-fr.scss */
#up-to-top {
padding: 160px 0 10px 0;
}
/* line 75, ../scss/_5_layout_theme-fr.scss */
#footer {
padding-top: 30px;
padding-bottom: 20px;
@ -6606,25 +6637,25 @@ footer {
color: white;
}
/* line 68, ../scss/_5_layout_theme-fr.scss */
/* line 82, ../scss/_5_layout_theme-fr.scss */
footer p,
footer li {
font-size: 0.8125rem;
font-weight: 300;
}
/* line 73, ../scss/_5_layout_theme-fr.scss */
/* line 87, ../scss/_5_layout_theme-fr.scss */
#footer a {
color: #f8ca00;
}
/* line 74, ../scss/_5_layout_theme-fr.scss */
/* line 88, ../scss/_5_layout_theme-fr.scss */
#footer a.entypo:hover {
background: #490a3d;
border-radius: 3px;
}
/* line 77, ../scss/_5_layout_theme-fr.scss */
/* line 91, ../scss/_5_layout_theme-fr.scss */
#footer h4,
#footer h5 {
letter-spacing: 1px;
@ -6632,7 +6663,7 @@ footer li {
text-transform: uppercase;
}
/* line 82, ../scss/_5_layout_theme-fr.scss */
/* line 96, ../scss/_5_layout_theme-fr.scss */
#footer p.entypo {
font-size: 80px;
line-height: 54px;
@ -6641,7 +6672,7 @@ footer li {
margin: 0;
}
/* line 90, ../scss/_5_layout_theme-fr.scss */
/* line 104, ../scss/_5_layout_theme-fr.scss */
#subfooter {
background: #313131;
color: #7e7e7e;
@ -6649,12 +6680,12 @@ footer li {
padding-bottom: 10px;
}
/* line 96, ../scss/_5_layout_theme-fr.scss */
/* line 110, ../scss/_5_layout_theme-fr.scss */
#subfooter-left ul.inline-list {
float: left;
}
/* line 100, ../scss/_5_layout_theme-fr.scss */
/* line 114, ../scss/_5_layout_theme-fr.scss */
#subfooter .entypo-social,
#subfooter .entypo {
font-size: 48px;
@ -6662,18 +6693,18 @@ footer li {
color: #7e7e7e;
}
/* line 106, ../scss/_5_layout_theme-fr.scss */
/* line 120, ../scss/_5_layout_theme-fr.scss */
#subfooter li a {
color: #7e7e7e;
text-transform: uppercase;
}
/* line 111, ../scss/_5_layout_theme-fr.scss */
/* line 125, ../scss/_5_layout_theme-fr.scss */
#subfooter li a:hover {
color: #fff;
}
/* line 115, ../scss/_5_layout_theme-fr.scss */
/* line 129, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a {
display: block;
height: 36px;
@ -6685,13 +6716,13 @@ footer li {
vertical-align: center;
}
/* line 126, ../scss/_5_layout_theme-fr.scss */
/* line 140, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a:hover {
background: #313131;
color: #fff;
}
/* line 131, ../scss/_5_layout_theme-fr.scss */
/* line 145, ../scss/_5_layout_theme-fr.scss */
.ad-space {
border: 1px solid #fafafa;
text-align: center;
@ -6699,46 +6730,81 @@ footer li {
margin-bottom: 1.25rem;
}
/* line 138, ../scss/_5_layout_theme-fr.scss */
.top-15 {
/*
CSS-Classes to add margin at the top or bottom
*/
/* line 158, ../scss/_5_layout_theme-fr.scss */
.t15 {
margin-top: 15;
}
/* line 139, ../scss/_5_layout_theme-fr.scss */
.top-20 {
/* line 159, ../scss/_5_layout_theme-fr.scss */
.t20 {
margin-top: 20px;
}
/* line 140, ../scss/_5_layout_theme-fr.scss */
.top-30 {
/* line 160, ../scss/_5_layout_theme-fr.scss */
.t30 {
margin-top: 30px;
}
/* line 141, ../scss/_5_layout_theme-fr.scss */
.top-60 {
/* line 161, ../scss/_5_layout_theme-fr.scss */
.t50 {
margin-top: 50px;
}
/* line 162, ../scss/_5_layout_theme-fr.scss */
.t60 {
margin-top: 60px;
}
/* line 142, ../scss/_5_layout_theme-fr.scss */
.bottom-15 {
/* line 163, ../scss/_5_layout_theme-fr.scss */
.t90 {
margin-top: 90px;
}
/* line 165, ../scss/_5_layout_theme-fr.scss */
.b15 {
margin-bottom: 15;
}
/* line 143, ../scss/_5_layout_theme-fr.scss */
.bottom-30 {
margin-bottom: 30px;
}
/* line 144, ../scss/_5_layout_theme-fr.scss */
.bottom-20 {
/* line 166, ../scss/_5_layout_theme-fr.scss */
.b20 {
margin-bottom: 20px;
}
/* line 145, ../scss/_5_layout_theme-fr.scss */
.bottom-60 {
/* line 167, ../scss/_5_layout_theme-fr.scss */
.b30 {
margin-bottom: 30px;
}
/* line 168, ../scss/_5_layout_theme-fr.scss */
.b60 {
margin-bottom: 60px;
}
/* line 170, ../scss/_5_layout_theme-fr.scss */
.pl20 {
padding-left: 20px;
}
/* line 172, ../scss/_5_layout_theme-fr.scss */
.pr5 {
padding-right: 5px;
}
/* line 173, ../scss/_5_layout_theme-fr.scss */
.pr10 {
padding-right: 10px;
}
/* line 174, ../scss/_5_layout_theme-fr.scss */
.pr20 {
padding-right: 20px;
}
/* line 1, ../scss/_6_additional_theme-fr.scss */
.ad-panel {
border: 1px solid #d7d7d7;

2
assets/css/style_feeling_responsive.min.css vendored
View file

File diff suppressed because one or more lines are too long

BIN
assets/img/_fullsize/ilt_1920x1200.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
assets/img/header_unsplash_8.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 225 KiB

After

Width:  |  Height:  |  Size: 274 KiB

BIN
assets/img/homepage_typography_thumb.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
assets/img/octocat-303x182.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
assets/img/unsplash_6_bus_header.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 436 KiB

BIN
assets/img/unsplash_6_bus_thumb.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/img/unsplash_6_thumb.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
assets/img/unsplash_brooklyn-bridge.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
assets/img/unsplash_brooklyn-bridge_header.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 293 KiB

BIN
assets/img/unsplash_brooklyn-bridge_thumb.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/img/unsplash_leaf.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
assets/img/unsplash_leaf_header.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 532 KiB

2
blog/archive.html
View file

@ -7,7 +7,7 @@ image:
permalink: "blog/archive/"
---
<div id="blog-index" class="row">
<div class="small-12 columns top-30">
<div class="small-12 columns t30">
<h1>{{ page.title }}</h1>
{% if page.description %}<p class="teaser">{{ page.description }}</p>{% endif %}

3
blog/index.html
View file

@ -2,7 +2,8 @@
layout: blog
title: "The Feeling Responsive Blog Template"
image:
header: header_unsplash_6.jpg
header: "unsplash_6_bus_header.jpg"
thumb: "unsplash_6_bus_thumb.jpg"
---

11
changelog.md
View file

@ -7,8 +7,11 @@ image:
header: "header_unsplash_9.jpg"
permalink: "/changelog/"
---
2014-09-21 // Version 0.9
: Optimized code, tweaked CSS, added images, deleted `header: "no"` from front matter (because it not necessary), added drafts to the new `_drafts`-folder to begin posts and pages faster and enhanced the documentation. Huh, 1.0 I am coming.
2014-09-16 // Version 0.8
: Added [video post format][5] for that cinematic flavor. Added URL- and Credit-feature to images and revamped the homepage a little bit to give blog-content more exposure. Optimized some includes, especially the `_include/blog-entries.html`-Include which support some nifty parameters.
: Added [video post format][5] for that cinematic flavor. Added URL- and Credit-feature to images and revamped the homepage a little bit to give blog-content more exposure. Optimized some includes, especially the `_include/list-posts.html`-Include which support some nifty parameters.
2014-09-15 // Version 0.7
: Added an [example of a gallery][4] to show how to use Clearing Lightbox. Meta information is used in posts via `/include/meta_information.html`. To optimize pages/posts for search engines you have now have an extra front matter-variable called `meta_description`. Also the theme supports facebook open graph information.
@ -29,10 +32,10 @@ permalink: "/changelog/"
: Updated Navigation & Social Media-Configuration via custom data in `_data`
2014-07-07 // Version 0.1
: Technical Theme Development Start
: Start of theme coding and development.
2014-06-23
: First Ideas and scribbles at the beach in Bergen/Netherlands
: First Ideas and scribbles at the beach in [Bergen/Netherlands][6].
@ -43,7 +46,7 @@ permalink: "/changelog/"
[3]: http://foundation.zurb.com/docs/components/accordion.html
[4]: {{ site.url }}/design/gallery/
[5]: {{ site.url }}/design/video/
[6]: #
[6]: https://www.google.de/maps/place/Strandpaviljoen+Joep+B.V./@51.9960733,5.830135,6z/data=!4m2!3m1!1s0x47cf5918df69093b:0x7c11ab31102c1c8a
[7]: #
[8]: #
[9]: #

1
contact.md
View file

@ -3,7 +3,6 @@ layout: page
title: "Contact"
subheadline: "Wufoo-powered contact forms"
description: "Get in touch with me? Use the contact form."
image_header: "no"
permalink: "/contact/"
---
If you need a fabulous contact form for your website, I suggest you use [Wufoo][1]. You can use three forms for free, you get no spam and if you get more than 100 entries you have to pay.

117
documentation.md
View file

@ -3,8 +3,6 @@ layout: page-fullwidth
title: "Theme Documentation"
subheadline: "How to use Feeling Responsive"
description: "The documentation is a work in progress..."
image:
header: "no"
permalink: "/documentation/"
---
<div class="row">
@ -25,29 +23,40 @@ permalink: "/documentation/"
*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`
### Post
The [post format]({{ site.url }}/design/post/) 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`
### Page
The [page template]({{ 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 left sidebar
This template displays a [post left sidebar]({{ site.url }}/design/post-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`
### Post with right sidebar
This template displays a [post with right sidebar]({{ site.url }}/design/post-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](http://foundation.zurb.com/docs/components/grid.html).
: use in front matter via: `layout: page-full-width`
### Page Full Width
If you want full control of styling a page, than use the [page full-width template]({{ site.url }}/design/page-full-width/). To set up a grid, just use the [foundation grid system](http://foundation.zurb.com/docs/components/grid.html).
use in front matter via: `layout: page-full-width`
### Video
If you're a video producer or cineast, you'll like the [video template]({{ site.url }}/design/video/). It darkens the layout to black and lets the video stand out full-width.
use in front matter via: `layout: video`
<small markdown="1">[Up to table of contents](#toc)</small>
{: .text-right }
@ -77,7 +86,7 @@ Quotes mix it up a little bit, if you write long articles. So use quotes:
{: .text-right }
### Responsive Videos
## Responsive Videos
With foundation responsive videos are easy. [More ›](http://foundation.zurb.com/docs/components/flex_video.html)
@ -85,7 +94,7 @@ With foundation responsive videos are easy. [More ›](http://foundation.zurb.co
<iframe width="1280" height="720" src="//www.youtube.com/embed/WoHxoz_0ykI" frameborder="0" allowfullscreen></iframe>
</div>
#### Code to use for flexible videos
### Code to use for flexible videos
{% highlight html %}
<div class="flex-video">
@ -94,18 +103,20 @@ With foundation responsive videos are easy. [More ›](http://foundation.zurb.co
{% endhighlight %}
## Images: Header, Title, Thumbnails {#images}
<img class="t60" src="{{ site.url }}/assets/img/header_homepage_13.jpg">
## Images: Header, Title, Thumbnails, Homepage {#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. <mark>If you don't want any header image just write `image_header: "no"` into front matter.</mark>
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.
~~~
image:
header: thumbnail_image.jpg
header: thumbnail_image.jpg
~~~
@ -113,7 +124,7 @@ image:
~~~
image:
title: thumbnail_image.jpg
title: thumbnail_image.jpg
~~~
You can choose to show a special full-width header image or not.
@ -125,7 +136,7 @@ Thumbnails are used on archive pages like the [blog index][2]. They have a size
~~~
image:
thumb: thumbnail_image.jpg
thumb: thumbnail_image.jpg
~~~
@ -135,18 +146,32 @@ If you want to feature an article on the homepage with a huge image, than use th
~~~
image:
homepage: "header_homepage_13.jpg"
homepage: "header_homepage_13.jpg"
~~~
### Credits with URL
Sometimes you want to give credit to the creator of your images, maybe with a link. Especially when you use Creative Commons-images like I do for this website. Just add the following front matter and *Feeling Responsive* does the rest:
~~~
image:
header: header_image.jpg
credit: Image by Phlow
url: "http://phlow.de/"
~~~
### Define all images for an article
~~~
image:
header: header_image.jpg
title: title_image.jpg
thumb: thumbnail_image.jpg
homepage: header_homepage_13.jpg
header: header_image.jpg
title: title_image.jpg
thumb: thumbnail_image.jpg
homepage: header_homepage_13.jpg
credit: Image by Phlow
url: "http://phlow.de/"
~~~
@ -155,6 +180,7 @@ image:
## Create a Table of Content
{: .t60}
With the Kramdown parser for Markdown you can render a table of contents for your documents. Just insert the following HTML in your post before the actual content. More information on [»Automatic ›Table of Contents‹ Generation«][1].
@ -178,10 +204,37 @@ With the Kramdown parser for Markdown you can render a table of contents for you
<small markdown="1">[Up to table of contents](#toc)</small>
{: .text-right }
## Includes
Includes can be very helpful to spice up your content. You can use includes in your Markdown-files with ease: Just call them with some Liquid code.
### list-posts.html
The `list-posts.html`-include is a loop to list posts. It's a helper to add some additional content fast and easy. You can use it in individual posts for example. Which parameters you use, depends on you.
Possible parameter for the loop:
- entries › define the number of entries to show
- offset › define the offset (number of entries to skip before displaying the first one)
- category › define **only one** category to display according entries
The loop looks when you use all parameters. Single parameters are possible of course.
~~~
{% raw %}
{% include list-posts.html entries='3' offset='1' category='design' %}
{% endraw %}
~~~
<small markdown="1">[Up to table of contents](#toc)</small>
{: .text-right }
</div><!-- /.medium-8.columns -->
</div><!-- /.row -->
[1]: http://kramdown.gettalong.org/converter/html.html#toc

6
index.html
View file

@ -13,7 +13,7 @@ image:
</div><!-- /#header-home -->
<div class="row top-60">
<div class="row t60">
<div class="medium-4 columns">
<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/assets/img/unsplash_4-303x182.jpg" alt=""></a>
@ -54,7 +54,7 @@ image:
</div><!-- /.row -->
<div class="row top-60 bottom-20 homepage">
<div class="row t50 b20 homepage">
<div class="small-12 columns">
{% for post in site.posts limit:1 %}
{% if post.image.homepage %}
@ -93,7 +93,7 @@ image:
<div class="medium-6 columns">
<p><strong>More Articles</strong></p>
{% include blog-entries.html entries='3' offset='1' %}
{% include list-posts.html entries='3' offset='1' %}
</div><!-- /.medium-7.columns -->
</div><!-- /.row -->

4
roadmap.md
View file

@ -14,9 +14,9 @@ permalink: "/roadmap/"
* Clean up color scheme
* [Submit *Feeling Responsive* to jekyllthemes.org](http://jekyllthemes.org/)
* Produce some small tutorials to show features and how to customize *Feeling Responsive*
* Optimize HTML and use Schema.org-Attributes
* Add draft-templates for new pages/posts
* Optimize HTML and use Schema.org-Attributes › <http://schema.org/Article>
* Show how to use [Entypo-Icons](http://entypo.com)
* [<s>Add draft-templates for new pages/posts</s>](https://github.com/Phlow/feeling-responsive/tree/gh-pages/_drafts)
* [<s>Step-by-Step-Guide to customize *Feeling Responsive*</s>]({{ site.url }}/getting-started/)
* [<s>Video-Post-Format to feature videos in a huge way</s>]({{ site.url }}/design/video/)
* <s>Title and Credit for images</s>