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

Update to version 0.7

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-09-15 21:03:49 +02:00
parent 897f0ff9a1
commit bd603dfa0e
17 changed files with 688 additions and 149 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
_site/

6
_data/navigation.yml
View file

@ -19,9 +19,13 @@
- title: "Post-Right-Sidebar"
url: "/design/post-right-sidebar/"
- title: "Full-Width Page"
url: "/design/page-full-width/"
url: "/design/page/"
- title: "Full-Width Page"
url: "/design/page/"
- title: "Typography"
url: "/design/typography/"
- title: "Responsive Gallery"
url: "/design/gallery/"
# - title: "Fullwidth Layout"
# url: "/design/full-width/"

12
_includes/footer.html
View file

@ -2,9 +2,9 @@
<div id="footer">
<div class="row">
<div class="medium-6 large-5 columns">
<h5 class="black-shadow">About this Website</h5>
<h5 class="shadow-black">About this Website</h5>
<p class="black-shadow">
<p class="shadow-black">
{% include _site_description.html %}
</p>
</div><!-- /.large-6.columns -->
@ -13,8 +13,8 @@
<div class="small-6 medium-3 large-3 large-offset-1 columns">
<aside>
<div class="textwidget">
<h5 class="black-shadow">Services</h5>
<ul class="no-bullet black-shadow">
<h5 class="shadow-black">Services</h5>
<ul class="no-bullet shadow-black">
<li><a href="{{ site.url }}/contact/">Contact</a></li>
<li class="rss-link"><a href="{{ site.url }}/feed.xml">RSS</a></li>
<li class="sitemap-link"><a href="{{ site.url }}/sitemap.xml">Sitemap.xml</a></li>
@ -25,8 +25,8 @@
<div class="small-6 medium-3 large-3 columns">
<h5 class="black-shadow">Thank You!</h5>
<ul class="no-bullet black-shadow">
<h5 class="shadow-black">Thank You!</h5>
<ul class="no-bullet shadow-black">
<li><a href="http://entypo.com/">Icons by Daniel Bruce</a></li>
<li><a href="http://foundation.zurb.com/">Built on Foundation</a></li>
<li><a href="http://unsplash.com/">Images by Unsplash</a></li>

16
_includes/header.html
View file

@ -6,25 +6,27 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="stylesheet" href="{{ site.url }}/assets/css/style_feeling_responsive.min.css">
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400italic,400,700%7cVolkhov:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic%7cVolkhov:400,700' rel='stylesheet' type='text/css'>
{% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification}}" />{% endif %}
{% if site.bing_webmastertools_id %}<meta name="msvalidate.01" content="{{ site.bing_webmastertools_id }}" />{% endif %}
{% if page.meta_description %}<meta name="description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta name="description" content="{{ page.description | strip_html | escape }}"/>{% endif %}
{% if site.google_author %}<link rel="author" href="{{ site.google_author }}"/>{% endif %}
{% if site.favicon %}
<link rel="shortcut icon" href="{{ site.favicon }}" type="image/png" />
<link rel="icon" href="{{ site.favicon }}" type="image/png" />
{% endif %}
{% if site.favicon %}<link rel="shortcut icon" href="{{ site.favicon }}" type="image/png" />{% endif %}
{% if site.favicon %}<link rel="icon" href="{{ site.favicon }}" type="image/png" />{% endif %}
{% if site.apple_touch_icon_iphone %}<link rel="apple-touch-icon" href="{{ site.apple_touch_icon_iphone }}">{% endif %}
{% if site.apple_touch_icon_iphone_retina %}<link rel="apple-touch-icon" sizes="76x76" href="{{ site.apple_touch_icon_iphone_retina }}">{% endif %}
{% if site.apple_touch_icon_ipad %}<link rel="apple-touch-icon" sizes="120x120" href="{{ site.apple_touch_icon_ipad }}">{% endif %}
{% if site.apple_touch_icon_ipad_retina %}<link rel="apple-touch-icon" sizes="152x152" href="{{ site.apple_touch_icon_ipad_retina }}">{% endif %}
{% if site.apple_touch_icon_precomposed %}<link rel="apple-touch-icon-precomposed" href="{{ site.apple_touch_icon_precomposed }}">{% endif %}
<!-- Facebook Optimization -->
<meta property="og:locale" content="{% if site.og_locale == nil %}en_EN{% else %}{{ site.og_locale }}{% endif %}" />
{% if site.og_type %}<meta property="og:type" content="website" />{% endif %}
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
{% if page.meta_description %}<meta property="og:description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta name="description" content="{{ page.description | strip_html | escape }}"/>{% endif %}
{% if page.meta_description %}<meta property="og:description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta name="description" content="{{ page.description | strip_html | escape }}"/>{% elsif site.description %}<meta name="description" content="{{ site.description | strip_html | escape }}"/>{% endif %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
{% if site.title %}<meta property="og:site_name" content="{{ site.title }}" />{% endif %}
{% if page.image.thumb %}<meta property="og:image" content="{{ site.url }}/assets/img/{{ page.image.thumb }}" />{% endif %}
{% if site.alexa_verify_id %}<meta name="alexaVerifyID" content="{{ site.alexa_verify_id }}" />{% endif %}
</head>

7
_includes/meta_information.html Normal file
View file

@ -0,0 +1,7 @@
<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="divider"></li>
</ul>
</div>

40
_includes/navigation.html
View file

@ -9,12 +9,12 @@
<section class="top-bar-section">
{% comment %}
____ __ __ _ __ _ __ _
/ __ \___ _____/ /_ / /____ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ /_/ / _ \/ ___/ __ \/ __/ _ \ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ _, _/ __/ /__/ / / / /_/ __/ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_/ |_|\___/\___/_/ /_/\__/\___/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/
____ _ __ __ _ __ _ __ _
/ __ \(_)___ _/ /_ / /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ /_/ / / __ `/ __ \/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ _, _/ / /_/ / / / / /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_/ |_/_/\__, /_/ /_/\__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/ /____/
{% endcomment %}
<ul class="right">
@ -26,14 +26,14 @@
{% assign domain = site.url %}
{% endif %}
{% comment %} Wenn rechte Seite sonst mach nichts {% endcomment %}
{% comment %} If there are links for right side begin {% endcomment %}
{% if link.side == 'right' %}
{% comment %} Wenn rechte Seite OHNE Dropdown Menu dann {% endcomment %}
{% comment %} If right side WITHOUT dropdown menu do {% endcomment %}
{% if link.dropdown == nil %}
<li class="divider"></li>
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
{% comment %} Wenn rechte Seite mit Dropdown Menu dann {% endcomment %}
{% comment %} If right side WITH dropdown menu do {% endcomment %}
{% else %}
<li class="divider"></li>
@ -57,16 +57,16 @@
{% endif %}
{% endif %}
{% endfor %}
{% comment %} Fertig Schleife 1 {% endcomment %}
{% comment %} First loop finished 1 {% endcomment %}
</ul>
{% comment %}
__ _ __ _ __ _ __ _
/ / (_)___ / /_____ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ / / / __ \/ //_/ _ \ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ /___/ / / / / ,< / __/ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_____/_/_/ /_/_/|_|\___/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/
__ ______ _ __ _ __ _
/ / ___ / __/ /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ / / _ \/ /_/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ /___/ __/ __/ /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_____/\___/_/ \__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/
{% endcomment %}
<ul class="left">
@ -78,15 +78,15 @@
{% assign domain = site.url %}
{% endif %}
{% comment %} Wenn linke Seite sonst mach nichts {% endcomment %}
{% comment %} If there are links for left side begin {% endcomment %}
{% if link.side == 'left' %}
{% comment %} Wenn linke Seite OHNE Dropdown Menu dann {% endcomment %}
{% comment %} If left side WITHOUT dropdown menu do {% endcomment %}
{% if link.dropdown == nil %}
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
<li class="divider"></li>
{% comment %} Wenn linke Seite mit Dropdown Menu dann {% endcomment %}
{% comment %} If left side WITH dropdown menu do {% endcomment %}
{% else %}
<li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
@ -110,7 +110,7 @@
{% endif %}
{% endif %}
{% endfor %}
{% comment %} Fertig Schleife 1 {% endcomment %}
{% comment %} Second loop finished {% endcomment %}
</ul>
</section>
</nav>

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

@ -22,14 +22,8 @@ layout: default
{{ content }}
<div class="page-meta">
<ul class="side-nav">
<li class="subheader">Date: {{ page.date | date: "%d.%m.%Y" }}</li>
<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
<li class="divider"></li>
</ul>
{% include meta_information.html %}
</div>
</article>
</div><!-- /.medium-8.columns -->
</div><!-- /.row -->

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

@ -17,14 +17,8 @@ layout: default
{{ content }}
<div class="page-meta">
<ul class="side-nav">
<li class="subheader">Date: {{ page.date | date: "%d.%m.%Y" }}</li>
<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
<li class="divider"></li>
</ul>
{% include meta_information.html %}
</div>
</article>
</div><!-- /.medium-8.columns -->

9
_layouts/post.html
View file

@ -26,13 +26,8 @@ layout: default
{{ content }}
<div class="page-meta">
<ul class="side-nav">
<li class="subheader">Date: {{ page.date | date: "%d.%m.%Y" }}</li>
<li class="subheader">{% if page.categories %}Archived in {{ page.categories | join: ' · ' | upcase }}{% endif %}</li>
<li class="divider"></li>
</ul>
</div>
{% include meta_information.html %}
</article>
</div><!-- /.medium-8.columns -->

24
_posts/design/2014-07-10-page.md Normal file
View file

@ -0,0 +1,24 @@
---
layout: page
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."
date: 2014-09-15 00:00:00
categories:
- layout
- design
permalink: "/design/page/"
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>
## 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.

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

@ -1,8 +1,7 @@
---
layout: post
title: "Normal Post"
description: "This is an example of a beautiful aligned post in the middle. No sidebar needed to enjoy good articles."
date: 2014-03-28 00:00:00
title: "Normal Post Template"
meta_description: "This is an example of a beautiful aligned post in the middle. There is no sidebar to distract the reader. The difference to the Page-Template is, that you find meta-information at the bottom of the post."
categories:
- layout
- design
@ -10,11 +9,14 @@ permalink: "/design/post/"
image:
header: "no"
---
<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>
## 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
### Lorem Ipsum
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-08-17-page-full-width.md → _posts/design/2014-08-17-page-fullwidth.md
View file

@ -9,7 +9,7 @@ categories:
- design
image:
thumb: "unsplash_7_thumb.jpg"
permalink: "/design/page-full-width/"
permalink: "/design/page-fullwidth/"
---
*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.

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

@ -0,0 +1,42 @@
---
layout: page
title: "A beautiful gallery"
subtitle: "Foundation Clearing Lightbox"
description: "Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and <a href='http://foundation.zurb.com/docs/components/clearing.html'>Clearing Lightbox</a>."
categories:
- layout
- design
image:
thumb: "unsplash_7_thumb.jpg"
header: "no"
permalink: "/design/gallery/"
---
You just need to choose a template like the [`page`][3]- or [`page-fullwidth`][4]-template and than use some foundation magic.
<ul class="clearing-thumbs small-block-grid-3" data-clearing>
<li><a href="{{ site.url }}/assets/img/unsplash_1.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_1_thumb.jpg"></a></li>
<li><a href="{{ site.url }}/assets/img/unsplash_2.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_2_thumb.jpg"></a></li>
<li><a href="{{ site.url }}/assets/img/unsplash_3.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_3_thumb.jpg"></a></li>
<li><a href="{{ site.url }}/assets/img/unsplash_4.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_4_thumb.jpg"></a></li>
<li><a href="{{ site.url }}/assets/img/unsplash_5.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_5_thumb.jpg"></a></li>
<li><a href="{{ site.url }}/assets/img/unsplash_6.jpg"><img data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/assets/img/unsplash_6_thumb.jpg"></a></li>
</ul>
## Clearing Lightbox Code
[Clearing Lightbox][1] is so flexible especially when using the [block grid][2]. For extensive documentation visit the [foundation docs][1].
{% highlight html %}
<ul class="clearing-thumbs small-block-grid-3" data-clearing>
<li><a href="path/to/your/img"><img data-caption="caption 1" src="path/to/your/thumbnail"></a></li>
<li><a href="path/to/your/img"><img data-caption="caption 2" src="path/to/your/thumbnail"></a></li>
<li><a href="path/to/your/img"><img data-caption="caption 3" src="path/to/your/thumbnail"></a></li>
</ul>
{% endhighlight %}
[1]: http://foundation.zurb.com/docs/components/clearing.html
[2]: http://foundation.zurb.com/docs/components/block_grid.html
[3]: {{ site.url }}/design/page/
[4]: {{ site.url }}/design/page-fullwidth/

636
assets/css/style_feeling_responsive.css
View file

@ -82,7 +82,7 @@ body {
color: #222222;
padding: 0;
margin: 0;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
@ -220,7 +220,7 @@ select {
color: #222222;
padding: 0.75rem;
display: block;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
/* line 153, ../bower_components/foundation/scss/foundation/components/_accordion.scss */
@ -312,12 +312,542 @@ select {
opacity: 0;
}
/* line 106, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625rem;
}
/* line 181, ../bower_components/foundation/scss/foundation/components/_global.scss */
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table;
}
/* line 182, ../bower_components/foundation/scss/foundation/components/_global.scss */
[class*="block-grid-"]:after {
clear: both;
}
/* line 50, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
[class*="block-grid-"] > li {
display: block;
height: auto;
float: left;
padding: 0 0.625rem 1.25rem;
}
@media only screen {
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-1 > li {
width: 100%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-2 > li {
width: 50%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-4 > li {
width: 25%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-5 > li {
width: 20%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-10 > li {
width: 10%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 40.063em) {
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li {
width: 100%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li {
width: 50%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li {
width: 25%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li {
width: 20%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li {
width: 10%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 64.063em) {
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-1 > li {
width: 100%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-2 > li {
width: 50%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-3 > li {
width: 33.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-4 > li {
width: 25%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-5 > li {
width: 20%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-6 > li {
width: 16.66667%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-7 > li {
width: 14.28571%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-9 > li {
width: 11.11111%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-10 > li {
width: 10%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-11 > li {
width: 9.09091%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
/* line 61, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-12 > li {
width: 8.33333%;
list-style: none;
}
/* line 68, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
/* line 69, ../bower_components/foundation/scss/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
/* line 186, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
button, .button {
border-style: solid;
border-width: 0px;
cursor: pointer;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
@ -3304,68 +3834,6 @@ kbd {
border-radius: 3px;
}
/* line 137, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination {
display: block;
min-height: 1.5rem;
margin-left: -0.3125rem;
}
/* line 100, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li {
height: 1.5rem;
color: #222222;
font-size: 0.875rem;
margin-left: 0.3125rem;
}
/* line 106, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li a {
display: block;
padding: 0.0625rem 0.625rem 0.0625rem;
color: #999999;
border-radius: 3px;
}
/* line 114, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li:hover a,
ul.pagination li a:focus {
background: #e6e6e6;
}
/* line 51, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li.unavailable a {
cursor: default;
color: #999999;
}
/* line 56, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background: transparent;
}
/* line 64, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li.current a {
background: #8a9b0f;
color: white;
font-weight: bold;
cursor: default;
}
/* line 71, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #8a9b0f;
}
/* line 124, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
ul.pagination li {
float: left;
display: block;
}
/* Pagination centred wrapper */
/* line 142, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
.pagination-centered {
text-align: center;
}
/* line 124, ../bower_components/foundation/scss/foundation/components/_pagination.scss */
.pagination-centered ul.pagination li {
float: none;
display: inline-block;
}
/* Panels */
/* line 77, ../bower_components/foundation/scss/foundation/components/_panels.scss */
.panel {
@ -3603,7 +4071,7 @@ dialog[open] {
padding: 0 0 0 0;
list-style-type: none;
list-style-position: outside;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 70, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
.side-nav li {
@ -3626,7 +4094,7 @@ dialog[open] {
.side-nav li.active > a:first-child:not(.button) {
color: #f8ca00;
font-weight: normal;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 92, ../bower_components/foundation/scss/foundation/components/_side-nav.scss */
.side-nav li.divider {
@ -3666,7 +4134,7 @@ dialog[open] {
display: inline;
margin-left: 1rem;
margin-bottom: 0.625rem;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 0.875rem;
color: #999999;
@ -3988,7 +4456,7 @@ meta.foundation-mq-topbar {
color: black;
padding: 12px 0 12px 0;
padding-left: 15px;
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 0.9375rem;
font-weight: normal;
text-transform: uppercase;
@ -5940,7 +6408,7 @@ Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 125, ../scss/_4_typography_theme-fr.scss */
.sans {
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 126, ../scss/_4_typography_theme-fr.scss */
@ -6295,60 +6763,60 @@ button.grey:focus,
background-color: #323232;
}
/* line 31, ../scss/_6_additional_theme-fr.scss */
.no-shadow {
/* line 29, ../scss/_6_additional_theme-fr.scss */
.shadow-no {
text-shadow: rgba(0, 0, 0, 0) 0 0 0;
}
/* line 32, ../scss/_6_additional_theme-fr.scss */
.black-shadow {
/* line 30, ../scss/_6_additional_theme-fr.scss */
.shadow-black {
text-shadow: rgba(0, 0, 0, 0.49804) 0px 1px 2px;
}
/* line 33, ../scss/_6_additional_theme-fr.scss */
.white-shadow {
/* line 31, ../scss/_6_additional_theme-fr.scss */
.shadow-white {
text-shadow: rgba(255, 255, 255, 0.49804) 0px 1px 2px;
}
/* line 35, ../scss/_6_additional_theme-fr.scss */
/* line 33, ../scss/_6_additional_theme-fr.scss */
.side-nav li.title {
text-transform: uppercase;
}
/* line 36, ../scss/_6_additional_theme-fr.scss */
/* line 34, ../scss/_6_additional_theme-fr.scss */
.side-nav li {
border-top: 1px solid #e4e4e4;
}
/* line 37, ../scss/_6_additional_theme-fr.scss */
/* line 35, ../scss/_6_additional_theme-fr.scss */
.side-nav li a:not(.button) {
padding: 0.4375rem 0rem;
}
/* line 38, ../scss/_6_additional_theme-fr.scss */
/* line 36, ../scss/_6_additional_theme-fr.scss */
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
background: #eee;
}
/* line 41, ../scss/_6_additional_theme-fr.scss */
/* line 39, ../scss/_6_additional_theme-fr.scss */
.meta-info p {
font-size: 0.8125rem;
color: #efefef;
}
/* line 45, ../scss/_6_additional_theme-fr.scss */
/* line 43, ../scss/_6_additional_theme-fr.scss */
.meta-info a {
text-decoration: underline;
color: #efefef;
}
/* line 49, ../scss/_6_additional_theme-fr.scss */
/* line 47, ../scss/_6_additional_theme-fr.scss */
.meta-info a:hover {
text-decoration: none;
color: #490a3d;
}
/* line 55, ../scss/_6_additional_theme-fr.scss */
/* line 53, ../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-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.
2014-09-12 // Version 0.6
: Finally the [blogpage][1] has pagination and an [archive for all blog-posts][2] using the [foundation accordion][3].
@ -35,7 +38,7 @@ permalink: "/changelog/"
[1]: {{ site.url }}/blog/
[2]: {{ site.url }}/blog/archive/
[3]: http://foundation.zurb.com/docs/components/accordion.html
[4]: #
[4]: {{ site.url }}/design/gallery/
[5]: #
[6]: #
[7]: #

9
roadmap.md
View file

@ -10,10 +10,13 @@ permalink: "/roadmap/"
## ToDo
* SEO › Add metadescription to header.html and front matter
* Produce an introduction video to showcase *Feeling Responsive*
* Produce some small tutorials to show features and how to customize *Feeling Responsive*
* 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
* Adding [Open Graph for Jekyll](https://gist.github.com/pathawks/1406355)
* Gallery Post Format
* [<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>Adding pagination</s>](http://jekyllrb.com/docs/pagination/)