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

Update to version 0.8

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-09-16 22:05:43 +02:00
parent e055d742ef
commit 969878775c
26 changed files with 344 additions and 143 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
_data/navigation.yml
View file

@ -10,8 +10,10 @@
url: "/design/style-guide/"
side: left
dropdown:
- title: "The Grid"
- title: "Grid & Colors"
url: "/design/grid/"
- title: "Typography"
url: "/design/typography/"
- title: "Blog-Page"
url: "/blog/"
- title: "Post-Layout"
@ -22,11 +24,11 @@
url: "/design/post-right-sidebar/"
- title: "Page"
url: "/design/page/"
- title: "Full-Width Page"
- title: "Page Full-Width"
url: "/design/page-fullwidth/"
- title: "Typography"
url: "/design/typography/"
- title: "Responsive Gallery"
- title: "Video"
url: "/design/video/"
- title: "Gallery"
url: "/design/gallery/"
- title: "Portfolio"
url: "/design/portfolio/"

14
_includes/for-loop-definition-list.html
View file

@ -1,14 +0,0 @@
<dl>
{% for post in site.posts reversed %}
{% if post.categories contains include.list-category %}
<dt>
<a href="{{ site.url }}{{ post.url }}">{% if post.chapter != nil %}{{ post.chapter }}. {% endif %}{{ post.title }}</a>
</dt>
{% if post.description %}
<dd>
{{ post.description }}
</dd>
{% endif %}
{% endif %}
{% endfor %}
</dl>

24
_includes/next_previous_in_category.html
View file

@ -1,24 +0,0 @@
{% comment %}
Das Plugin ist das category_next_previous.rb aus dem plugins-Ordner zum Einsatz
Quelle: http://ajclarkson.co.uk/blog/jekyll-category-post-navigation/
{% endcomment %}
<div class="row">
{% if page.next_in_category != nil %}
<div class="small-4 top-60 columns">
<a class="button grey small radius expand" href="{{ site.url }}{{ page.next_in_category.url }}">&lang; {% if page.next_in_category.chapter != nil %}{{ page.next_in_category.chapter }}. {% endif %}{{ page.next_in_category.title }}</a>
</div><!-- /.small-4.columns -->
{% endif %}
<div class="small-4 top-60 columns">
<a class="button grey small radius expand" href="{{ site.url }}/anleitungen/">Inhaltsverzeichnis</a>
</div><!-- /.small-4.columns -->
<div class="small-4 top-60 columns">
{% if page.previous_in_category != nil %}
<a class="button grey small radius expand" href="{{ site.url }}{{ page.previous_in_category.url }}">{% if page.previous_in_category.chapter != nil %}{{ page.previous_in_category.chapter }}. {% endif %}{{ page.previous_in_category.title }} &rang;</a>
{% endif %}
</div><!-- /.small-4.columns -->
</div><!-- /.row -->

8
_includes/sidebar.html
View file

@ -7,4 +7,12 @@
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div class="ad-panel radius bottom-30">
<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>
</p>
</div>
</aside>

3
_layouts/blog.html
View file

@ -1,7 +1,8 @@
---
layout: default
format: blog-index
---
<div id="blog-index" class="row">
<div class="row">
<div class="medium-7 columns top-30">
{% include pagination.html %}
</div><!-- /.medium-7.columns -->

2
_layouts/default.html
View file

@ -1,5 +1,5 @@
{% include header.html %}
<body id="top-of-page">
<body id="top-of-page" class="{{ page.format }}">
{% include navigation.html %}
{% include masthead.html %}

6
_layouts/page-fullwidth.html
View file

@ -1,10 +1,16 @@
---
layout: default
format: page-fullwidth
---
{% if page.image.title %}
<div class="row top-30">
<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 %}
<p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p>
{% endif %}
</div><!-- /.small-12.columns -->
</div><!-- /.row -->
{% endif %}

6
_layouts/page.html
View file

@ -1,10 +1,16 @@
---
layout: default
format: page
---
{% if page.image.title %}
<div class="row top-30">
<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 %}
<p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p>
{% endif %}
</div><!-- /.small-12.columns -->
</div><!-- /.row -->
{% endif %}

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

@ -1,5 +1,6 @@
---
layout: default
format: post-left-sidebar
---
<div class="row top-60">
<div class="medium-4 columns">
@ -12,6 +13,12 @@ layout: default
<header>
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
{% if page.image.title %}<img src="{{ site.url }}/assets/img/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
{% if page.image.url && page.image.credit %}
<p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p>
{% endif %}
<h1>{{ page.title }}</h1>
</header>
{% if page.description %}

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

@ -1,5 +1,6 @@
---
layout: default
format: post-right-sidebar
---
<div class="row top-60">
<div class="medium-8 columns">
@ -7,6 +8,11 @@ layout: default
<header>
{% if page.subheadline %}<p class="subheadline">{{ page.subheadline }}</p>{% endif %}
{% if page.image.title %}<img src="{{ site.url }}/assets/img/{{ page.image.title }}" width="970" alt="{{ page.title escape_once }}">{% endif %}
{% if page.image.url && page.image.credit %}
<p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p>
{% endif %}
<h1>{{ page.title }}</h1>
</header>
{% if page.description %}

6
_layouts/post.html
View file

@ -1,10 +1,16 @@
---
layout: default
format: post
---
{% if page.image.title %}
<div class="row top-30">
<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 %}
<p class="text-right caption">
<a href="{{ page.image.url }}">{{ page.image.credit }}</a>
</p>
{% endif %}
</div><!-- /.small-12.columns -->
</div><!-- /.row -->
{% endif %}

30
_layouts/video.html Normal file
View file

@ -0,0 +1,30 @@
---
layout: default
format: video
---
<div class="row">
<div class="small-12 columns">
<article>
<div class="flex-video">
{{ page.iframe}}
</div>
<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 %}
<h1>{{ page.title }}</h1>
</header>
{% if page.description %}
<p class="teaser">
{{ page.description }}
</p>
{% endif %}
{{ content }}
</div><!-- /.medium-8.columns -->
</div><!-- /.row -->
</article>
</div><!-- /.small-12.columns -->
</div><!-- /.row -->

3
_posts/design/2014-07-09-post-left-sidebar.md
View file

@ -7,6 +7,8 @@ categories:
- design
image:
title: "unsplash_1.jpg"
credit: Unsplash.com
url: http://unsplash.com
---
## Have a look at the sidebar
@ -15,3 +17,4 @@ 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.

2
_posts/design/2014-07-10-post-right-sidebar.md
View file

@ -8,6 +8,8 @@ categories:
image:
thumb: "unsplash_2_thumb.jpg"
title: "unsplash_2.jpg"
credit: Unsplash.com
url: http://unsplash.com
---
## Have a look at the sidebar

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

@ -6,6 +6,9 @@ categories:
- design
image:
header: "no"
title: "unsplash_1.jpg"
credit: Unsplash.com
url: http://unsplash.com
---
<p class="teaser">
This is an example of a beautiful aligned post in the middle. There is no sidebar to distract the reader. The difference to the <a href='{{ site.url }}/design/page/'>Page-Template</a> is, that you find meta-information at the bottom of the post.</p>

72
_posts/design/2014-08-17-grid.md
View file

@ -1,6 +1,6 @@
---
layout: page-fullwidth
title: "The Grid"
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
@ -44,20 +44,82 @@ image:
<div class="row">
<div class="large-3 columns">
<img src="http://placehold.it/250x141/6b6351/e1dcd7&amp;text=Width+250+Pixel">
<img src="http://placehold.it/220x141/6b6351/e1dcd7&amp;text=Width+220+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/e05a10/e1e75e&amp;text=Width+250+Pixel">
<img src="http://placehold.it/220x141/e05a10/e1e75e&amp;text=Width+220+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/fabb00/771e1e&amp;text=Width+250+Pixel">
<img src="http://placehold.it/220x141/fabb00/771e1e&amp;text=Width+220+Pixel">
</div>
<div class="large-3 columns">
<img src="http://placehold.it/250x141/00792c/acca57&amp;text=Width+250+Pixel">
<img src="http://placehold.it/220x141/00792c/acca57&amp;text=Width+220+Pixel">
</div>
</div>
## Colors
<div class="row">
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/E4E4E4/ffffff&amp;text=Grey+E4E4E4">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/D7D7D7/ffffff&amp;text=Grey+D7D7D7">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/CBCBCB/ffffff&amp;text=Grey+CBCBCB">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/BEBEBE/ffffff&amp;text=Grey+BEBEBE">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/A4A4A4/ffffff&amp;text=Grey+A4A4A4">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/979797/ffffff&amp;text=Grey+979797">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/8B8B8B/ffffff&amp;text=Grey+8B8B8B">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/7E7E7E/ffffff&amp;text=Grey+7E7E7E">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/646464/ffffff&amp;text=Grey+646464">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/575757/ffffff&amp;text=Grey+575757">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/4B4B4B/ffffff&amp;text=Grey+4B4B4B">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/3E3E3E/ffffff&amp;text=Grey+3E3E3E">
</div>
</div>
<div class="row">
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/313131/ffffff&amp;text=Grey+313131">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/242424/ffffff&amp;text=Grey+242424">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/171717/ffffff&amp;text=Grey+171717">
</div>
<div class="large-3 columns bottom-30">
<img src="http://placehold.it/220/0B0B0B/ffffff&amp;text=Grey+0B0B0B">
</div>
</div>
[1]: http://foundation.zurb.com/docs/components/grid.html
[2]: #

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

@ -6,7 +6,7 @@ description: "The full-width page format gives you all the space you need to sho
categories:
- design
image:
thumb: "unsplash_7_thumb.jpg"
thumb: "unsplash_7_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.

0
_posts/design/2014-09-16-portfolio.md → _posts/design/2014-09-10-portfolio.md
View file

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

@ -0,0 +1,19 @@
---
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>"
---
## About the video by Kutiman
> Ophir Kutiel, professionally known as Kutiman, is an Israeli musician, composer, producer and animator. He is best known for creating the online music video project, ThruYOU, and a self-titled album. <cite>[Wikipedia](http://en.wikipedia.org/wiki/Kutiman)</cite>
Source: [Kutiman – Thru You Too – »Give It Up«](https://www.youtube.com/watch?v=WoHxoz_0ykI)

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

@ -8,7 +8,7 @@ image:
header: homepage_typography.jpg
thumb: unsplash_6_thumb.jpg
homepage: homepage_typography.jpg
credits: Image by Antonio
credit: Image by Antonio
url: "http://www.aisleone.net/"
categories:
- design

214
assets/css/style_feeling_responsive.css
View file

@ -212,7 +212,7 @@ select {
}
/* line 145, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #f1f1f1;
background: #e4e4e4;
}
/* line 146, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > a, .accordion dd > a {
@ -225,7 +225,7 @@ select {
}
/* line 153, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #f1f1f1;
background: #e4e4e4;
}
/* line 156, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > .content, .accordion dd > .content {
@ -235,7 +235,7 @@ select {
/* line 159, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
display: block;
background: #f1f1f1;
background: #e4e4e4;
}
/* line 110, ../bower_components/foundation/scss/foundation/components/_alert-boxes.scss */
@ -6207,7 +6207,7 @@ h3 {
}
/* line 22, ../scss/_4_typography_theme-fr.scss */
#blog-index h2 {
.blog-index h2 {
margin-top: 0;
}
@ -6230,12 +6230,12 @@ article dl dd {
/* line 30, ../scss/_4_typography_theme-fr.scss */
dl.accordion {
border-top: 1px solid #cbcbcb;
border-top: 1px solid #d7d7d7;
}
/* line 31, ../scss/_4_typography_theme-fr.scss */
.accordion dd {
border-bottom: 1px solid #cbcbcb;
border-bottom: 1px solid #d7d7d7;
}
/* line 32, ../scss/_4_typography_theme-fr.scss */
@ -6281,7 +6281,7 @@ blockquote {
/* line 52, ../scss/_4_typography_theme-fr.scss */
blockquote p {
font-style: italic;
color: #7e7e7e;
color: #575757;
}
/* line 54, ../scss/_4_typography_theme-fr.scss */
@ -6477,19 +6477,55 @@ Additional typographical elements
font-size: 4rem;
}
/* line 1, ../scss/_5_layout_theme-fr.scss */
/* line 2, ../scss/_5_layout_theme-fr.scss */
body.video,
body.video #masthead-no-image-header {
background: #000;
}
/* line 3, ../scss/_5_layout_theme-fr.scss */
body.video #masthead-no-image-header {
margin-bottom: 60px;
}
/* line 14, ../scss/_5_layout_theme-fr.scss */
body.video h1,
body.video h2,
body.video h3,
body.video h4,
body.video h5,
body.video h6,
body.video p,
body.video a,
body.video blockquote:before,
body.video blockquote:after,
body.video cite a {
color: #fff;
}
/* line 15, ../scss/_5_layout_theme-fr.scss */
body.video cite a:visited {
color: #fff;
}
/* line 16, ../scss/_5_layout_theme-fr.scss */
body.video cite {
color: #fff;
}
/* line 21, ../scss/_5_layout_theme-fr.scss */
#navigation {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
/* line 5, ../scss/_5_layout_theme-fr.scss */
/* line 25, ../scss/_5_layout_theme-fr.scss */
#search {
padding: 20px 0 0 0;
background: #bd1550;
}
/* line 10, ../scss/_5_layout_theme-fr.scss */
/* line 30, ../scss/_5_layout_theme-fr.scss */
#breadcrumb {
background: #f3f3f3;
border-top: 1px solid #f0f0f0;
@ -6497,37 +6533,37 @@ Additional typographical elements
}
/* - - - MASTHEAD - - - - - - - - - - - - - - - - - - - - - - */
/* line 18, ../scss/_5_layout_theme-fr.scss */
/* line 38, ../scss/_5_layout_theme-fr.scss */
#title-image-small {
height: 240px;
}
/* line 19, ../scss/_5_layout_theme-fr.scss */
/* line 39, ../scss/_5_layout_theme-fr.scss */
#title-image-large {
height: 520px;
}
/* line 20, ../scss/_5_layout_theme-fr.scss */
/* line 40, ../scss/_5_layout_theme-fr.scss */
#title-image-index-small {
height: 120px;
}
/* line 21, ../scss/_5_layout_theme-fr.scss */
/* line 41, ../scss/_5_layout_theme-fr.scss */
#title-image-index-large {
height: 260px;
}
/* line 24, ../scss/_5_layout_theme-fr.scss */
/* line 44, ../scss/_5_layout_theme-fr.scss */
#masthead {
height: 190px;
}
/* line 25, ../scss/_5_layout_theme-fr.scss */
/* line 45, ../scss/_5_layout_theme-fr.scss */
#logo img {
margin-top: 30px;
}
/* line 26, ../scss/_5_layout_theme-fr.scss */
/* line 46, ../scss/_5_layout_theme-fr.scss */
#masthead-no-image-header {
height: 100px;
background: #490a3d;
@ -6535,34 +6571,34 @@ Additional typographical elements
/* Masthead auf medium-up Geräten */
@media only screen and (min-width: 40.063em) {
/* line 30, ../scss/_5_layout_theme-fr.scss */
/* line 50, ../scss/_5_layout_theme-fr.scss */
#logo img {
margin-top: 80px;
}
/* line 31, ../scss/_5_layout_theme-fr.scss */
/* line 51, ../scss/_5_layout_theme-fr.scss */
#masthead {
height: 320px;
}
/* line 32, ../scss/_5_layout_theme-fr.scss */
/* line 52, ../scss/_5_layout_theme-fr.scss */
#masthead-no-image-header {
height: 130px;
background: #490a3d;
}
/* line 33, ../scss/_5_layout_theme-fr.scss */
/* line 53, ../scss/_5_layout_theme-fr.scss */
#masthead-no-image-header #logo img {
margin-top: 30px;
}
}
/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
/* line 40, ../scss/_5_layout_theme-fr.scss */
/* line 60, ../scss/_5_layout_theme-fr.scss */
footer {
margin-top: 160px;
padding-top: 160px;
}
/* line 41, ../scss/_5_layout_theme-fr.scss */
/* line 61, ../scss/_5_layout_theme-fr.scss */
#footer {
padding-top: 30px;
padding-bottom: 20px;
@ -6570,25 +6606,25 @@ footer {
color: white;
}
/* line 48, ../scss/_5_layout_theme-fr.scss */
/* line 68, ../scss/_5_layout_theme-fr.scss */
footer p,
footer li {
font-size: 0.8125rem;
font-weight: 300;
}
/* line 53, ../scss/_5_layout_theme-fr.scss */
/* line 73, ../scss/_5_layout_theme-fr.scss */
#footer a {
color: #f8ca00;
}
/* line 54, ../scss/_5_layout_theme-fr.scss */
/* line 74, ../scss/_5_layout_theme-fr.scss */
#footer a.entypo:hover {
background: #490a3d;
border-radius: 3px;
}
/* line 57, ../scss/_5_layout_theme-fr.scss */
/* line 77, ../scss/_5_layout_theme-fr.scss */
#footer h4,
#footer h5 {
letter-spacing: 1px;
@ -6596,7 +6632,7 @@ footer li {
text-transform: uppercase;
}
/* line 62, ../scss/_5_layout_theme-fr.scss */
/* line 82, ../scss/_5_layout_theme-fr.scss */
#footer p.entypo {
font-size: 80px;
line-height: 54px;
@ -6605,56 +6641,57 @@ footer li {
margin: 0;
}
/* line 70, ../scss/_5_layout_theme-fr.scss */
/* line 90, ../scss/_5_layout_theme-fr.scss */
#subfooter {
background: #323232;
color: white;
background: #313131;
color: #7e7e7e;
padding-top: 30px;
padding-bottom: 10px;
}
/* line 76, ../scss/_5_layout_theme-fr.scss */
/* line 96, ../scss/_5_layout_theme-fr.scss */
#subfooter-left ul.inline-list {
float: left;
}
/* line 80, ../scss/_5_layout_theme-fr.scss */
/* line 100, ../scss/_5_layout_theme-fr.scss */
#subfooter .entypo-social,
#subfooter .entypo {
font-size: 48px;
line-height: 36px;
color: #323232;
color: #7e7e7e;
}
/* line 86, ../scss/_5_layout_theme-fr.scss */
/* line 106, ../scss/_5_layout_theme-fr.scss */
#subfooter li a {
color: #7e7e7e;
text-transform: uppercase;
}
/* line 91, ../scss/_5_layout_theme-fr.scss */
/* line 111, ../scss/_5_layout_theme-fr.scss */
#subfooter li a:hover {
color: #e97f02;
color: #fff;
}
/* line 95, ../scss/_5_layout_theme-fr.scss */
/* line 115, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a {
display: block;
height: 36px;
width: 36px;
border-radius: 50%;
color: #313131;
background: #7e7e7e;
text-align: center;
vertical-align: center;
}
/* line 105, ../scss/_5_layout_theme-fr.scss */
/* line 126, ../scss/_5_layout_theme-fr.scss */
#subfooter .social-icons li a:hover {
background: #323232;
color: white;
background: #313131;
color: #fff;
}
/* line 110, ../scss/_5_layout_theme-fr.scss */
/* line 131, ../scss/_5_layout_theme-fr.scss */
.ad-space {
border: 1px solid #fafafa;
text-align: center;
@ -6662,136 +6699,165 @@ footer li {
margin-bottom: 1.25rem;
}
/* line 117, ../scss/_5_layout_theme-fr.scss */
/* line 138, ../scss/_5_layout_theme-fr.scss */
.top-15 {
margin-top: 15;
}
/* line 139, ../scss/_5_layout_theme-fr.scss */
.top-30 {
margin-top: 30px;
}
/* line 118, ../scss/_5_layout_theme-fr.scss */
/* line 140, ../scss/_5_layout_theme-fr.scss */
.top-60 {
margin-top: 60px;
}
/* line 119, ../scss/_5_layout_theme-fr.scss */
/* line 141, ../scss/_5_layout_theme-fr.scss */
.bottom-15 {
margin-bottom: 15;
}
/* line 142, ../scss/_5_layout_theme-fr.scss */
.bottom-30 {
margin-bottom: 30px;
}
/* line 120, ../scss/_5_layout_theme-fr.scss */
/* line 143, ../scss/_5_layout_theme-fr.scss */
.bottom-60 {
margin-bottom: 60px;
}
/* line 1, ../scss/_6_additional_theme-fr.scss */
.ad-space {
border: 1px solid #fafafa;
.ad-panel {
border: 1px solid #d7d7d7;
text-align: center;
padding: 15px 0;
margin-bottom: 1.25rem;
padding: 15px;
}
/* line 8, ../scss/_6_additional_theme-fr.scss */
/* line 6, ../scss/_6_additional_theme-fr.scss */
.ad-panel p {
padding: 0;
margin: 0;
}
/* line 11, ../scss/_6_additional_theme-fr.scss */
.alert-box {
font-family: "Volkhov", Georgia;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}
/* line 9, ../scss/_6_additional_theme-fr.scss */
/* line 12, ../scss/_6_additional_theme-fr.scss */
.alert-box.terminal {
background: #323232;
background: #0b0b0b;
color: #fff;
border-color: #2b2b2b;
border-color: #090909;
}
/* line 11, ../scss/_6_additional_theme-fr.scss */
/* line 14, ../scss/_6_additional_theme-fr.scss */
.alert-box p {
margin-bottom: 0;
}
/* line 12, ../scss/_6_additional_theme-fr.scss */
/* line 15, ../scss/_6_additional_theme-fr.scss */
.alert-box a {
text-shadow: 1px 1px 0px black;
color: #fff;
border-bottom: 1px dotted #fff;
}
/* line 17, ../scss/_6_additional_theme-fr.scss */
/* line 20, ../scss/_6_additional_theme-fr.scss */
.alert-box a:hover {
border-bottom: 1px solid #fff;
}
/* line 21, ../scss/_6_additional_theme-fr.scss */
/* line 24, ../scss/_6_additional_theme-fr.scss */
button, .button {
letter-spacing: 1px;
}
/* line 22, ../scss/_6_additional_theme-fr.scss */
/* line 25, ../scss/_6_additional_theme-fr.scss */
button.grey, .button.grey {
background: #7e7e7e;
background: #575757;
}
/* line 26, ../scss/_6_additional_theme-fr.scss */
/* line 29, ../scss/_6_additional_theme-fr.scss */
button.grey:hover,
button.grey:focus,
.button.grey:hover,
.button.grey:focus {
background-color: #323232;
background-color: #0b0b0b;
}
/* line 29, ../scss/_6_additional_theme-fr.scss */
/* line 32, ../scss/_6_additional_theme-fr.scss */
.shadow-no {
text-shadow: rgba(0, 0, 0, 0) 0 0 0;
}
/* line 30, ../scss/_6_additional_theme-fr.scss */
/* line 33, ../scss/_6_additional_theme-fr.scss */
.shadow-black {
text-shadow: rgba(0, 0, 0, 0.49804) 0px 1px 2px;
}
/* line 31, ../scss/_6_additional_theme-fr.scss */
/* line 34, ../scss/_6_additional_theme-fr.scss */
.shadow-white {
text-shadow: rgba(255, 255, 255, 0.49804) 0px 1px 2px;
}
/* line 34, ../scss/_6_additional_theme-fr.scss */
/* line 37, ../scss/_6_additional_theme-fr.scss */
.side-nav li.title {
text-transform: uppercase;
}
/* line 35, ../scss/_6_additional_theme-fr.scss */
/* line 38, ../scss/_6_additional_theme-fr.scss */
.side-nav li {
border-top: 1px solid #e4e4e4;
border-top: 1px solid #cbcbcb;
}
/* line 36, ../scss/_6_additional_theme-fr.scss */
/* line 39, ../scss/_6_additional_theme-fr.scss */
.side-nav li a:not(.button) {
padding: 0.4375rem 0rem;
}
/* line 37, ../scss/_6_additional_theme-fr.scss */
/* line 40, ../scss/_6_additional_theme-fr.scss */
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
background: #eee;
}
/* line 42, ../scss/_6_additional_theme-fr.scss */
.homepage p {
margin: 0;
padding: 0;
color: #575757;
}
/* line 43, ../scss/_6_additional_theme-fr.scss */
.caption a {
border-bottom: 1px dotted #bebebe;
color: #575757;
font-size: 0.8125rem;
}
/* line 46, ../scss/_6_additional_theme-fr.scss */
.meta-info p {
font-size: 0.8125rem;
color: #efefef;
}
/* line 47, ../scss/_6_additional_theme-fr.scss */
/* line 50, ../scss/_6_additional_theme-fr.scss */
.meta-info a {
text-decoration: underline;
color: #efefef;
}
/* line 51, ../scss/_6_additional_theme-fr.scss */
/* line 54, ../scss/_6_additional_theme-fr.scss */
.meta-info a:hover {
text-decoration: none;
color: #490a3d;
}
/* line 57, ../scss/_6_additional_theme-fr.scss */
/* line 60, ../scss/_6_additional_theme-fr.scss */
#logo-monochrome {
background: url(../img/phlow-logo-monochrome-100x36.png) no-repeat;
height: 36px;

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

File diff suppressed because one or more lines are too long

5
changelog.md
View file

@ -7,6 +7,9 @@ image:
header: "header_unsplash_9.jpg"
permalink: "/changelog/"
---
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.
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.
@ -39,7 +42,7 @@ permalink: "/changelog/"
[2]: {{ site.url }}/blog/archive/
[3]: http://foundation.zurb.com/docs/components/accordion.html
[4]: {{ site.url }}/design/gallery/
[5]: #
[5]: {{ site.url }}/design/video/
[6]: #
[7]: #
[8]: #

8
getting-started.md
View file

@ -9,6 +9,8 @@ permalink: "/getting-started/"
---
1. Open `_config.yml` and work it through, it's well documented
2. Add your own `logo.png` to `/assets/img/`.
2. Open `_data/socialmedia.yml` and add your own social media links
3. Open `_data/navigation.yml` and add your own social media links
4. Add your own content.
3. Open `_data/socialmedia.yml` and add your own social media links
4. Open `_data/navigation.yml` and add your own social media links
5. Make it yours and add your own content.
<a class="radius button small" href="{{ site.url }}/documentation/">Check out the documentation for all the tricks ›</a>

21
index.html
View file

@ -1,5 +1,6 @@
---
layout: default
format: blog-index
title: "Feeling Responsive – A Jekyll Theme Based On Foundation"
image:
header: "header_unsplash_12.jpg"
@ -53,15 +54,21 @@ image:
</div><!-- /.row -->
<div class="row top-60 bottom-30">
<div class="row top-60 bottom-15 homepage">
<div class="small-12 columns">
{% for post in site.posts limit:1 %}
<p style="padding: 0; margin: 0;" class="text-right">
{% if post.image.homepage %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
{% if post.image.url && post.image.credit %}<a style="border: none;" href="{{ post.image.url }}">{{ post.image.credits }}</a>{% endif %}
</p>
{% if post.image.homepage %}
<p>
<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
</p>
{% if post.image.url && post.image.credit %}
<p class="text-right caption">
<a href="{{ post.image.url }}">{{ post.image.credit }}</a>
</p>
{% endif %}
{% elsif post.image.homepage == NULL %}
<h2>New Blog Articles</h2>
<h2>New Blog Articles</h2>
{% endif %}
{% endfor %}
</div><!-- /.small-12.columns -->
@ -70,7 +77,7 @@ image:
<div id="blog-index" class="row">
<div class="row">
<div class="medium-6 columns">
{% for post in site.posts limit:1 %}
<p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>

10
roadmap.md
View file

@ -11,14 +11,14 @@ permalink: "/roadmap/"
## ToDo
* Produce an introduction video to showcase *Feeling Responsive*
* Video-Post-Format to feature videos in a huge way
* Produce some small tutorials to show features and how to customize *Feeling Responsive*
* Title and Credit for images
* Optimize HTML and use Schema.org-Attributes
* <s>SEO › Add metadescription to header.html and front matter</s>
* Add draft-templates for new pages/posts
* [<s>Adding Open Graph for Jekyll</s>](https://gist.github.com/pathawks/1406355)
* [<s>Gallery Post Example</s>]({{ site.url }}/design/gallery/)
* Show how to use [Entypo-Icons](http://entypo.com)
* Step-by-Step-Guide to customize *Feeling Responsive*
* [<s>Video-Post-Format to feature videos in a huge way</s>]({{ site.url }}/design/video/)
* <s>Title and Credit for images</s>
* <s>SEO › Add metadescription to header.html and front matter</s>
* [<s>Adding Open Graph for Jekyll</s>](https://gist.github.com/pathawks/1406355)
* [<s>Gallery Post Example</s>]({{ site.url }}/design/gallery/)
* [<s>Adding pagination</s>](http://jekyllrb.com/docs/pagination/)