Release 0.92 2014-12-21

2014-12-21 17:21:48 +01:00 · 2014-12-21 17:21:48 +01:00 · a56896dda4
commit a56896dda4
parent 3068e7a7aa
114 changed files with 10775 additions and 2079 deletions
--- a/_config.yml
+++ b/_config.yml
@ -20,8 +20,8 @@ description: "»Feeling Responsive« is a responsive theme for Jekyll based on t


 # This is a switch to easily change the {{ site.url }}-variable to develop the theme locally
-# - url: "http://localhost:4000"
-url: "http://phlow.github.io/feeling-responsive"
+url: "http://localhost:4000"
+# - url: "http://phlow.github.io/feeling-responsive"
 baseurl: ""


@ -83,12 +83,12 @@ bing_webmastertools_id:    "0FB4C028ABCF07C908C54386ABD2D97F"
 #   /_/    \__,_/ |___/_/\___/\____/_/ /_/____/   Favicons, Apple Touch Buttons
 #                                                 More information » http://j.mp/apple-touch-icons

-favicon:                         "/assets/img/favicon-32x.png"                    # iOS7 Size 32x32
-apple_touch_icon_iphone:         "/assets/img/touch-icon-iphone-60x.png"          # iOS7 Size 60x60
-apple_touch_icon_iphone_retina:  "/assets/img/touch-icon-iphone-retina-120x.png"  # iOS7 Size 120x120
-apple_touch_icon_ipad:           "/assets/img/touch-icon-ipad-76x.png"            # iOS7 Size 76x76
-apple_touch_icon_ipad_retina:    "/assets/img/touch-icon-ipad-retina-152x.png"    # iOS7 Size 152x152
-apple_touch_icon_precomposed:    "/assets/img/touch-icon-android-152x.png"        # iOS7 Size 152x152
+favicon:                         "/images/favicon-32x.png"                    # iOS7 Size 32x32
+apple_touch_icon_iphone:         "/images/touch-icon-iphone-60x.png"          # iOS7 Size 60x60
+apple_touch_icon_iphone_retina:  "/images/touch-icon-iphone-retina-120x.png"  # iOS7 Size 120x120
+apple_touch_icon_ipad:           "/images/touch-icon-ipad-76x.png"            # iOS7 Size 76x76
+apple_touch_icon_ipad_retina:    "/images/touch-icon-ipad-retina-152x.png"    # iOS7 Size 152x152
+apple_touch_icon_precomposed:    "/images/touch-icon-android-152x.png"        # iOS7 Size 152x152


 #       ______                __                __  
--- a/_data/language.yml
+++ b/_data/language.yml
@ -0,0 +1,16 @@
+about_website: "About This Site"
+archive: "Archive"
+blog_archive: "Blog Archive"
+blog: "Blog"
+comments_headline: "Dialogue &amp; Discussion"
+more: "More ›"
+more_articles: "More Articles"
+navigation_title: "Navigation"
+new_blog_entries: "New Blog Articles"
+next: "Next"
+next_posts: "Next Posts"
+previous: "Previous"
+previous_posts: "Previous Posts"
+read: "Read"
+read_more: "Read More ›"
+thank_you: "Thank You!"
--- a/_data/services.yml
+++ b/_data/services.yml
@ -0,0 +1,16 @@
+- menu_name: "Services"
+
+- name: "Contact"
+  url: "/contact/"
+  class: "services-contact"
+  title: "Contact"
+
+- name: "RSS"
+  url: "/feed.xml"
+  class: "rss-link"
+  title: "Subscribe to RSS"
+
+- name: "sitemap.xml"
+  url: "/sitemap.xml"
+  class: "sitemap-link"
+  title: "Sitemap for Google Webmastertools"
--- a/_drafts/gallery.md
+++ b/_drafts/gallery.md
@ -1,9 +1,9 @@
 ---
 layout: page
-title:  ""
-subheadline:  ""
-meta_description: ""
-description: ""
+title:
+subheadline: 
+meta_description:
+description:
 categories:
    - 
 tags:
@ -14,12 +14,12 @@ image:
 ---

 <ul class="clearing-thumbs small-block-grid-3" data-clearing>
-  <li><a href="{{ site.url }}/assets/img/_1.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
-  <li><a href="{{ site.url }}/assets/img/_2.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
-  <li><a href="{{ site.url }}/assets/img/_3.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
-  <li><a href="{{ site.url }}/assets/img/_4.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
-  <li><a href="{{ site.url }}/assets/img/_5.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
-  <li><a href="{{ site.url }}/assets/img/_6.jpg"><img  data-caption="" class="th" src="{{ site.url }}/assets/img/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_1.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_2.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_3.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_4.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_5.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/_6.jpg"><img  data-caption="" class="th" src="{{ site.url }}/images/thumb.jpg"></a></li>
 </ul>


--- a/_drafts/page_all_frontmatter.md
+++ b/_drafts/page_all_frontmatter.md
@ -1,17 +1,20 @@
 ---
 layout: page
-title:  ""
-subheadline:  ""
-meta_description: ""
-description: ""
+title:
+subheadline:
+meta_description:
+description:
 date:  2014-03-28 00:00:00
 categories:
    - 
 tags:
    - 
+header:
+    image:  ""
+    pattern:  ""
+    color:  ""
 image:
    homepage: ""
-    header:  ""
    thumb:  ""
    credit: ""
    url: ""
--- a/_drafts/post_without_image.md
+++ b/_drafts/post_without_image.md
@ -1,9 +1,9 @@
 ---
 layout: post
-title:  ""
-subheadline:  ""
-meta_description: ""
-description: ""
+title:
+subheadline:
+meta_description:
+description:
 categories:
    - 
 tags:
--- a/_drafts/video.md
+++ b/_drafts/video.md
@ -1,9 +1,9 @@
 ---
 layout: video
-title: ""
-subheadline: ""
-meta_description: ""
-description: ""
+title:
+subheadline:
+meta_description:
+description:
 image:
 categories:
    - 
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -9,30 +9,40 @@
 			<div id="footer">
 				<div class="row">
 					<div class="medium-6 large-5 columns">
-						<h5 class="shadow-black">About this Website</h5>
+						<h5 class="shadow-black">{{ site.data.language.about_website }}</h5>

 						<p class="shadow-black">
 							{{ site.description }}
+							<a href="{{ site.url }}/about/">{{ site.data.language.more }}</a>
 						</p>
 					</div><!-- /.large-6.columns -->


 					<div class="small-6 medium-3 large-3 large-offset-1 columns">
-						<aside>
-							<div class="textwidget">
-								<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>
-								</ul>
-							</div>
-						</aside>
+						<nav>
+							<ul class="no-bullet shadow-black sans">
+							{% for service_item in site.data.services %}
+								{% if service_item.url contains 'http' %}
+									{% assign domain = '' %}
+									{% else %}
+									{% assign domain = site.url %}
+								{% endif %}
+
+								{% if forloop.first == true %}
+									<li class="shadow-black font-size-h5 sans">{{ service_item.menu_name }}</li>
+								{% else %}
+									<li {% if service_item.class %}class="{{ service_item.class }}" {% endif %}>
+										<a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" {% endif %} title="{{ service_item.title }}">{{ service_item.name }}</a>
+									</li>
+								{% endif %}
+							{% endfor %}
+							</ul>
+						</nav>
 					</div><!-- /.large-4.columns -->


 					<div class="small-6 medium-3 large-3 columns">
-								<h5 class="shadow-black">Thank You!</h5>
+								<h5 class="shadow-black">{{ site.data.language.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>
@ -49,7 +59,6 @@
 				<nav class="row">
 					<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>
 						</ul>
 					</section>
--- a/_includes/footer_scripte.html
+++ b/_includes/footer_scripte.html
@ -2,6 +2,6 @@

 {% if page.image.header %}
 <script>
-    $("#masthead").backstretch("{{ site.url }}/assets/img/{{ page.image.header }}");
+    $("#masthead").backstretch("{{ site.url }}/images/{{ page.image.header }}");
 </script>
 {% endif %}
--- a/_includes/header.html
+++ b/_includes/header.html
@ -4,7 +4,7 @@
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
-	<link rel="stylesheet" href="{{ site.url }}/assets/css/style_feeling_responsive.min.css">	
+	<link rel="stylesheet" href="{{ site.url }}/assets/css/styles-responsive.min.css">	
 	<script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
 	<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 %}
@ -27,7 +27,7 @@
 	{% if page.meta_description %}<meta property="og:description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta property="og:description" content="{{ page.description | strip_html | escape }}"/>{% elsif site.description %}<meta property="og: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 page.image.thumb %}<meta property="og:image" content="{{ site.url }}/images/{{ page.image.thumb }}" />{% endif %}

 	{% if site.alexa_verify_id %}<meta name="alexaVerifyID" content="{{ site.alexa_verify_id }}" />{% endif %}
 </head>
--- a/_includes/list-posts.html
+++ b/_includes/list-posts.html
@ -25,7 +25,7 @@ This loop works like this:
 		{% for post in site.posts limit:include.entries offset:include.offset %}
 			<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} &middot; {% endif %}<strong>{{ post.title }}</strong></a></li>
 		{% endfor %}
-			<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>More ›</strong></a></li>
+			<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>{{ site.data.language.more }}</strong></a></li>


 	{% elsif include.categories != empty %}
@ -34,7 +34,7 @@ This loop works like this:
 		{% for post in site.categories.[category] limit:include.entries offset:include.offset %}
 			<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} &middot; {% endif %}<strong>{{ post.title }}</strong></a></li>
 		{% endfor %}
-			<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>More ›</strong></a></li>
+			<li class="text-right"><a href="{{ site.url }}/blog/archive/"><strong>{{ site.data.language.more }}</strong></a></li>
 	{% endif %}

 </ul>
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@ -1,25 +1,47 @@
-{% if page.image.header == NULL %}
+{% if page.image.header == NULL and page.header.pattern == NULL and page.header.background-color == NULL %}

 	<div id="masthead-no-image-header">
 		<div class="row">
 			<div class="small-12 columns">
-				<a id="logo" href="{{ site.url }}" title="{{ site.title }}">
-					<img src="{{ site.url }}/assets/img/{{ site.logo }}" alt="{{ site.title }}">
+				<a id="logo" href="{{ site.url }}" title="{{ site.title }} – {{ site.slogan }}">
+					<img src="{{ site.url }}/images/{{ site.logo }}" alt="{{ site.title }} – {{ site.slogan }}">
 				</a>
 	 		</div><!-- /.small-12.columns -->
 		</div><!-- /.row -->
 	</div><!-- /#masthead -->

-{% else %}
+{% elsif page.image.header %}

 	<div id="masthead">
 		<div class="row">
 			<div class="small-12 columns">
-				<a id="logo" href="{{ site.url }}" title="{{ site.title }}">
-					<img src="{{ site.url }}/assets/img/{{ site.logo }}" alt="{{ site.title }}">
+				<a id="logo" href="{{ site.url }}" title="{{ site.title }} – {{ site.slogan }}">
+					<img src="{{ site.url }}/images/{{ site.logo }}" alt="{{ site.title }} – {{ site.slogan }}">
 				</a>
 	 		</div><!-- /.small-12.columns -->
 		</div><!-- /.row -->
 	</div><!-- /#masthead -->

+
+{% elsif page.header.pattern %}
+
+	<div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')">
+		<div class="row">
+			<div class="small-12 columns">
+				<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
+	 		</div><!-- /.small-12.columns -->
+		</div><!-- /.row -->
+	</div><!-- /#masthead -->
+
+
+{% elsif page.header.background-color %}
+
+	<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
+		<div class="row">
+			<div class="small-12 columns">
+				<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
+	 		</div><!-- /.small-12.columns -->
+		</div><!-- /.row -->
+	</div><!-- /#masthead -->
+
 {% endif %}
--- a/_includes/meta_information.html
+++ b/_includes/meta_information.html
@ -12,7 +12,7 @@
 				{% 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 -->
+					<div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">{{ site.data.language.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 %} 
--- a/_includes/pagination.html
+++ b/_includes/pagination.html
@ -10,11 +10,11 @@ Total paginate-pages: {{ paginator.total_pages }}
      <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>
-        {% if post.image.thumb %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/assets/img/{{ post.image.thumb }}" class="alignleft" width="150" height="150" alt="{{ page.title escape_once }}"></a>{% endif %}
+        {% if post.image.thumb %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/images/{{ post.image.thumb }}" class="alignleft" width="150" height="150" alt="{{ page.title escape_once }}"></a>{% endif %}

        {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}

-        <a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>Read more ›</strong></a>
+        <a href="{{ site.url }}{{ post.url }}" title="{{ site.data.language.read }} {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
      </p>
    </div><!-- /.small-12.columns -->
  </div><!-- /.row -->
@ -24,16 +24,16 @@ Total paginate-pages: {{ paginator.total_pages }}
 <nav id="pagination">
    {% if paginator.previous_page %}
      {% if paginator.previous_page == 1 %}
-      <a class="radius button small" href="{{ site.url }}/blog/" title="Previous Posts">&laquo; Previous Posts</a>
+      <a class="radius button small" href="{{ site.url }}/blog/" title="{{ site.data.language.previous_posts }}">&laquo; {{ site.data.language.previous_posts }}</a>
      {% else %}
-      <a class="radius button small" href="{{ site.url }}/blog/page{{ paginator.previous_page }}/" title="Previous Posts">&laquo; Previous</a>
+      <a class="radius button small" href="{{ site.url }}/blog/page{{ paginator.previous_page }}/" title="{{ site.data.language.previous_posts }}">&laquo; {{ site.data.language.previous }}</a>
      {% endif %}
    {% endif %}

-    <a class="radius button small" href="{{ site.url }}/blog/archive/" title="Blog Archive">Blog Archive</a>
+    <a class="radius button small" href="{{ site.url }}/blog/archive/" title="{{ site.data.language.blog_archive }}">{{ site.data.language.blog_archive }}</a>
        
    {% if paginator.next_page %} 
-    <a class="radius button small" href="{{ site.url }}/blog/page{{ paginator.next_page }}/" title="Next Posts">Next &raquo;</a>
+    <a class="radius button small" href="{{ site.url }}/blog/page{{ paginator.next_page }}/" title="{{ site.data.language.next_posts }}">{{ site.data.language.next }} &raquo;</a>
    {% endif %} 
  </nav>

--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -1,6 +1,3 @@
---
-layout: compress
---
 {% include header.html %}
 <body id="top-of-page" class="{{ page.format }}">
 	{% include navigation.html %}
--- a/_layouts/page-fullwidth.html
+++ b/_layouts/page-fullwidth.html
@ -5,7 +5,7 @@ format: page-fullwidth
 {% if page.image.title %}
 <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 }}">
+		<img src="{{ site.url }}/images/{{ 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>
--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -5,7 +5,7 @@ format: page
 {% if page.image.title %}
 <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 }}">
+		<img src="{{ site.url }}/images/{{ 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>
--- a/_layouts/post-left-sidebar.html
+++ b/_layouts/post-left-sidebar.html
@ -12,7 +12,7 @@ format: post-left-sidebar
 		<article>
 			<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.title %}<img src="{{ site.url }}/images/{{ 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>
--- a/_layouts/post-right-sidebar.html
+++ b/_layouts/post-right-sidebar.html
@ -7,7 +7,7 @@ format: post-right-sidebar
 		<article>
 			<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.title %}<img src="{{ site.url }}/images/{{ 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>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -5,7 +5,7 @@ format: post
 {% if page.image.title %}
 <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 }}">
+		<img src="{{ site.url }}/images/{{ 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>
--- a/_posts/design/2014-08-19-page-fullwidth.md
+++ b/_posts/design/2014-08-19-page-fullwidth.md
@ -12,15 +12,15 @@ image:

 <div class="row">
    <div class="medium-4 columns t30">
-    <img src="{{ site.url }}/assets/img/unsplash_1.jpg" alt="">
+    <img src="{{ site.url }}/images/unsplash_1.jpg" alt="">
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns t30">
-      <img src="{{ site.url }}/assets/img/unsplash_2.jpg" alt="">
+      <img src="{{ site.url }}/images/unsplash_2.jpg" alt="">
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns t30">
-      <img src="{{ site.url }}/assets/img/unsplash_4.jpg" alt="">
+      <img src="{{ site.url }}/images/unsplash_4.jpg" alt="">
    </div><!-- /.medium-4.columns -->

 </div><!-- /.row -->
@ -28,12 +28,12 @@ image:

 <div class="row">
    <div class="medium-8 columns t30">
-    <img src="{{ site.url }}/assets/img/unsplash_6.jpg" alt="">
+    <img src="{{ site.url }}/images/unsplash_6.jpg" alt="">
    </div><!-- /.medium-8.columns -->

    <div class="medium-4 columns t30">
-      <img src="{{ site.url }}/assets/img/unsplash_5.jpg" alt="">
-      <img class="t30" src="{{ site.url }}/assets/img/unsplash_7.jpg" alt="">
+      <img src="{{ site.url }}/images/unsplash_5.jpg" alt="">
+      <img class="t30" src="{{ site.url }}/images/unsplash_7.jpg" alt="">
    </div><!-- /.medium-4.columns -->

 </div><!-- /.row -->
--- a/_posts/design/2014-09-10-portfolio.md
+++ b/_posts/design/2014-09-10-portfolio.md
@ -11,12 +11,12 @@ categories:

 <div class="row">
    <div class="medium-6 columns b30">
-        <img src="{{ site.url }}/assets/img/webdesign_screenshot_nixdorf.jpg" alt="">
+        <img src="{{ site.url }}/images/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 b30">
-        <img src="{{ site.url }}/assets/img/webdesign_screenshot_jcorneille.jpg" alt="">
+        <img src="{{ site.url }}/images/webdesign_screenshot_jcorneille.jpg" alt="">
        <p>Website: <a href="http://jcorneille.de">Grafik Design Jeannette Corneille</a></p>
    </div><!-- /.medium-6.columns -->
 </div><!-- /.row -->
@ -24,17 +24,17 @@ categories:

 <div class="row t30">
    <div class="medium-4 columns">
-        <img src="{{ site.url }}/assets/img/webdesign_screenshot_stilwandel.jpg" alt="">
+        <img src="{{ site.url }}/images/webdesign_screenshot_stilwandel.jpg" alt="">
        <p>Website: <a href="http://stilwandel-koeln.de">Stilwande-Koeln.de</a></p>
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns">
-        <img src="{{ site.url }}/assets/img/webdesign_screenshot_tarnkappe.jpg" alt="">
+        <img src="{{ site.url }}/images/webdesign_screenshot_tarnkappe.jpg" alt="">
        <p>Website: <a href="http://tarnkarppe.info">Tarnkappe.info</a></p>
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns">
-        <img src="{{ site.url }}/assets/img/webdesign_screenshot_schriefer.jpg" alt="">
+        <img src="{{ site.url }}/images/webdesign_screenshot_schriefer.jpg" alt="">
        <p>Website: <a href="http://www.psychotherapie-schriefer.de/">Praxis für psychologische Psychotherapie Simone Schriefer</a></p>
    </div><!-- /.medium-4.columns -->
 </div><!-- /.row -->
--- a/_posts/design/2014-09-13-grid.md
+++ b/_posts/design/2014-09-13-grid.md
@ -65,64 +65,48 @@ image:
 *Feeling Responsive* uses strong colors in combination with grey colors.
 </p>

+### Colours
+
 <div class="row">
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/E4E4E4/ffffff&amp;text=Grey+E4E4E4">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/D7D7D7/ffffff&amp;text=Grey+D7D7D7">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/CBCBCB/ffffff&amp;text=Grey+CBCBCB">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/BEBEBE/ffffff&amp;text=Grey+BEBEBE">
+<div class="large-2 columns b30"  style="background: #45B29D; height: 166px;"></div>
+<div class="large-2 columns b30"  style="background: #334D5C; height: 166px;"></div>
+<div class="large-2 columns b30"  style="background: #A1D044; height: 166px;"></div>
+<div class="large-2 columns b30"  style="background: #EFC94C; height: 166px;"></div>
+<div class="large-2 columns b30"  style="background: #E27A3F; height: 166px;"></div>
+<div class="large-2 columns b30"  style="background: #DF4949; height: 166px;"></div>
 </div>
+
+
+
+### Grey Scale
+
+
+<div class="row">
+<div class="large-3 columns b30"  style="background: #E4E4E4; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #D7D7D7; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #CBCBCB; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #BEBEBE; height: 220px;"></div>
 </div>

 <div class="row">
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/A4A4A4/ffffff&amp;text=Grey+A4A4A4">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/979797/ffffff&amp;text=Grey+979797">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/8B8B8B/ffffff&amp;text=Grey+8B8B8B">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/7E7E7E/ffffff&amp;text=Grey+7E7E7E">
-</div>
+<div class="large-3 columns b30"  style="background: #A4A4A4; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #979797; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #8B8B8B; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #7E7E7E; height: 220px;"></div>
 </div>

 <div class="row">
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/646464/ffffff&amp;text=Grey+646464">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/575757/ffffff&amp;text=Grey+575757">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/4B4B4B/ffffff&amp;text=Grey+4B4B4B">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/3E3E3E/ffffff&amp;text=Grey+3E3E3E">
-</div>
+<div class="large-3 columns b30"  style="background: #646464; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #575757; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #4B4B4B; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #3E3E3E; height: 220px;"></div>
 </div>

 <div class="row">
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/313131/ffffff&amp;text=Grey+313131">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/242424/ffffff&amp;text=Grey+242424">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/171717/ffffff&amp;text=Grey+171717">
-</div>
-<div class="large-3 columns b30">
-<img src="http://placehold.it/220/0B0B0B/ffffff&amp;text=Grey+0B0B0B">
-</div>
+<div class="large-3 columns b30"  style="background: #313131; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #242424; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #171717; height: 220px;"></div>
+<div class="large-3 columns b30"  style="background: #0B0B0B; height: 220px;"></div>
 </div>


--- a/_posts/design/2014-09-15-gallery.md
+++ b/_posts/design/2014-09-15-gallery.md
@ -11,12 +11,12 @@ image:
 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_bus_thumb"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_1.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_1_thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_2.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_2_thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_3.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_3_thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_4.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_4_thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_5.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_5_thumb.jpg"></a></li>
+  <li><a href="{{ site.url }}/images/unsplash_6.jpg"><img  data-caption="All images by Unsplash.com" class="th" src="{{ site.url }}/images/unsplash_6_bus_thumb"></a></li>
 </ul>

 ## Clearing Lightbox Code
--- a/_posts/design/2014-10-08-header-pattern.md
+++ b/_posts/design/2014-10-08-header-pattern.md
@ -0,0 +1,27 @@
+---
+layout: post
+title:  "Header Image With Pattern"
+subheadline:  "Headers With Style"
+meta_description: 
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header image in front of a pattern behind it."
+categories:
+    - design
+tags:
+    - design
+    - pattern
+    - header
+header:
+    image:  "header_unsplash_2-970x.jpg"
+    pattern:  "pattern_concrete.jpg"
+    color:  ""
+---
+It's so easy to do. Just define in front matter an image and a pattern image. Instead of a pattern you can also use a color. Have a look at the [example with a background color]({{ site.url }}/design/header-color/).
+
+
+## Header Image With Pattern
+
+~~~
+header:
+    image:  "header_unsplash_2-970x.jpg"
+    pattern:  "pattern_concrete.jpg"
+~~~
--- a/_posts/design/2014-10-09-header-color.md
+++ b/_posts/design/2014-10-09-header-color.md
@ -0,0 +1,25 @@
+---
+layout: post
+title:  "Header Image With Background Color"
+subheadline:  "Headers With Style"
+description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header image with a defined background color via front matter."
+categories:
+    - design
+tags:
+    - design
+    - background color
+    - header
+header:
+    image:  "header_unsplash_2-970x.jpg"
+    background-color:  "#304558"
+---
+It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-pattern/).
+
+## Header Image With Background Color
+
+~~~
+header:
+    image:  "header_unsplash_2-970x.jpg"
+    background-color:  "#fabb00"
+~~~
+
--- a/_posts/design/2014-11-16-typography.md
+++ b/_posts/design/2014-11-16-typography.md
--- a/assets/css/app.css
+++ b/assets/css/app.css
@ -0,0 +1,62 @@
+/*
+Syntax error: Undefined variable: "$grey-3".
+        on line 268 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/_settings.scss
+        from line 1 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/app.scss
+
+Backtrace:
+/Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/_settings.scss:268
+/Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/app.scss:1
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/script/tree/variable.rb:49:in `_perform'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/script/tree/node.rb:50:in `perform'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:438:in `visit_variable'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:79:in `block in with_base'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:121:in `with_frame'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:79:in `with_base'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:152:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:297:in `block (2 levels) in visit_import'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:297:in `map'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:297:in `block in visit_import'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:88:in `block in with_import'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:121:in `with_frame'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:88:in `with_import'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:294:in `visit_import'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:79:in `block in with_base'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:121:in `with_frame'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/stack.rb:79:in `with_base'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:152:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:52:in `map'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:52:in `visit_children'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:161:in `block in visit_children'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:160:in `visit_children'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:36:in `block in visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:180:in `visit_root'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/base.rb:36:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:151:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/visitors/perform.rb:8:in `visit'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/root_node.rb:36:in `css_tree'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/tree/root_node.rb:20:in `render'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/engine.rb:274:in `render'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:484:in `update_stylesheet'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:214:in `block in update_stylesheets'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:208:in `each'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:208:in `update_stylesheets'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:462:in `on_file_changed'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/lib/sass/plugin/compiler.rb:324:in `block in watch'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/listener.rb:252:in `call'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/listener.rb:252:in `on_change'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/adapter.rb:254:in `call'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/adapter.rb:254:in `report_changes'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/adapter.rb:323:in `poll_changed_directories'
+/Users/moritz/.rvm/gems/ruby-2.0.0-p353/gems/sass-3.3.14/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Syntax error: Undefined variable: \"$grey-3\".\A         on line 268 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/_settings.scss\A         from line 1 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/app.scss"; }
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
@ -0,0 +1 @@
+body:before{white-space:pre;font-family:monospace;content:"Syntax error: Undefined variable: \"$grey-3\".\A         on line 268 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/_settings.scss\A         from line 1 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/app.scss"}
--- a/assets/css/style_feeling_responsive.css
+++ b/assets/css/style_feeling_responsive.css
@ -3,17 +3,17 @@

 2:3 perfect fifth

-44px @ 1:1.5	 
+44px @ 1:1.5   
 16px @ 1:1.5

 DIESE IST DIE AKTUELLE 

-44.000	1	2.75	338.462
-36.000	0.818	2.25	276.923
-29.333	0.667	1.833	225.638
-24.000	0.545	1.5	184.615
-19.555	0.444	1.222	150.423
-16.000	0.364	1	123.077
+44.000  1 2.75  338.462
+36.000  0.818 2.25  276.923
+29.333  0.667 1.833 225.638
+24.000  0.545 1.5 184.615
+19.555  0.444 1.222 150.423
+16.000  0.364 1 123.077

 --------------------------------*/
 /* line 329, ../bower_components/foundation/scss/foundation/components/_global.scss */
@ -7317,4 +7317,4 @@ button.grey:focus,
  color: #009999;
 }

-/* Literal.Number.Integer.Long */
+/* Literal.Number.Integer.Long */
--- a/assets/css/style_feeling_responsive.min.css
+++ b/assets/css/style_feeling_responsive.min.css
--- a/assets/css/styles-responsive.css
+++ b/assets/css/styles-responsive.css
--- a/assets/css/styles-responsive.min.css
+++ b/assets/css/styles-responsive.min.css
--- a/assets/js/app.js
+++ b/assets/js/app.js
--- a/assets/js/app.min.js
+++ b/assets/js/app.min.js
--- a/assets/js/javascript.js
+++ b/assets/js/javascript.js
--- a/assets/js/javascript.min.js
+++ b/assets/js/javascript.min.js
--- a/assets/js/modernizr.js
+++ b/assets/js/modernizr.js
--- a/assets/js/modernizr.min.js
+++ b/assets/js/modernizr.min.js
--- a/assets/scss/_1_color_settings_theme-fr.scss
+++ b/assets/scss/_1_color_settings_theme-fr.scss
@ -0,0 +1,114 @@
+// Color Settings
+
+// Corporate Identity Colorpalette/Color Scheme
+// https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/
+//
+$ci-1: #334D5C;		// dark turquoise
+$ci-2: #45B29D;		// turquoise
+$ci-3: #EFC94C;		// yellow
+$ci-4: #E27A3F;		// orange
+$ci-5: #DF4949;		// red
+$ci-6: #A1D044;   // green
+
+
+// Foundation Color Variables
+$primary-color: $ci-1;
+$secondary-color: $ci-6;
+$alert-color: $ci-5;
+$success-color: $ci-6;
+$warning-color: $ci-4;
+$info-color: $ci-2;
+
+// Grey Scale
+
+$grey-1: #E4E4E4;
+$grey-2: #D7D7D7;
+$grey-3: #CBCBCB;
+$grey-4: #BEBEBE;
+$grey-5: #A4A4A4;
+$grey-6: #979797;
+$grey-7: #8B8B8B;
+$grey-8: #7E7E7E;
+$grey-9: #646464;
+$grey-10: #575757;
+$grey-11: #4B4B4B;
+$grey-12: #3E3E3E;
+$grey-13: #313131;
+$grey-14: #242424;
+$grey-15: #171717;
+$grey-16: #0B0B0B;
+
+
+// Code Highlighting
+
+$highlight-background: #ffffff;
+$highlight-comment: #999988;
+$highlight-error: #a61717;
+$highlight-comment-special: #999999;
+$highlight-deleted: #000000;
+$highlight-error-2: #aa0000;
+$highlight-literal-string: #d14;
+$highlight-literal-number: #009999;
+$highlight-name-attribut: #008080;
+$highlight-error-background: #e3d2d2;
+$highlight-generic-deleted: #ffdddd;
+$highlight-generic-deleted-specific: #ffaaaa;
+$highlight-generic-inserted: #ddffdd;
+$highlight-generic-inserted-specific: #aaffaa;
+$highlight-generic-output: #888888;
+$highlight-generic-prompt: #555555;
+$highlight-subheading: #aaaaaa;
+$highlight-keyword-type: #445588;
+$highlight-name-builtin: #0086B3;
+$highlight-name-class: #445588;
+$highlight-name-entity: #800080;
+$highlight-name-exception: #990000;
+$highlight-name-function: #990000;
+$highlight-name-namespace: #555555;
+$highlight-name-tag: #000080;
+$highlight-text-whitespace: #bbbbbb;
+$highlight-literal-string-regex: #009926;
+$highlight-literal-string-symbol: #990073;
+
+
+
+
+// Topbar-Navigation
+
+$topbar-bg-color: #fff;
+
+$topbar-dropdown-toggle-color: $ci-1;
+
+$topbar-link-color: #000;
+$topbar-link-color-hover: #000;
+$topbar-link-color-active: #000;
+$topbar-link-color-active-hover: #000;
+
+$topbar-dropdown-label-color: $ci-2;
+$topbar-dropdown-link-bg-hover: $ci-6;
+$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
+
+$topbar-link-bg-active: $ci-6; // Aktiver ausgewählter Menupunkt
+$topbar-link-bg-hover: $ci-6;
+$topbar-link-bg-active-hover: $ci-2;
+
+
+$topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation
+$topbar-dropdown-link-color: #000;
+$topbar-dropdown-link-bg: $ci-2;
+
+$topbar-menu-link-color-toggled: $ci-1;
+$topbar-menu-icon-color-toggled: $ci-1;
+$topbar-menu-link-color: #000;
+$topbar-menu-icon-color: #000;
+$topbar-menu-link-color-toggled: $ci-6;
+$topbar-menu-icon-color-toggled: $ci-6;
+
+
+// Footer
+
+$footer-bg: $grey-8;
+$footer-color: #fff;
+
+$subfooter-bg: $grey-13;
+$subfooter-color: $grey-8;
--- a/assets/scss/_2_typography_settings_theme-fr.scss
+++ b/assets/scss/_2_typography_settings_theme-fr.scss
@ -0,0 +1,33 @@
+// This is the default html and body font-size for the base rem value.
+$base-font-size: 16px;
+$rem-base: $base-font-size;
+
+// Allows the use of rem-calc() or lower-bound() in your settings
+@import "foundation/functions";
+
+
+
+/* Modular Scale ---------------------- 
+
+2:3 perfect fifth
+
+44px @ 1:1.5	 
+16px @ 1:1.5
+
+DIESE IST DIE AKTUELLE 
+
+44.000	1	2.75	338.462
+36.000	0.818	2.25	276.923
+29.333	0.667	1.833	225.638
+24.000	0.545	1.5	184.615
+19.555	0.444	1.222	150.423
+16.000	0.364	1	123.077
+
+--------------------------------*/
+
+$font-size-h1: rem-calc(44);
+$font-size-h2: rem-calc(36);
+$font-size-h3: rem-calc(29);
+$font-size-h4: rem-calc(24);
+$font-size-h5: rem-calc(19);
+$font-size-p: rem-calc(16);
--- a/assets/scss/_3_settings_theme-fr.scss
+++ b/assets/scss/_3_settings_theme-fr.scss
--- a/assets/scss/_4_typography_theme-fr.scss
+++ b/assets/scss/_4_typography_theme-fr.scss
@ -0,0 +1,162 @@
+/* - - - - - - - - - - - - - - - - - - - - - - - 
+
+Additional Typography to complement Foundation
+
+ - - - - - - - - - - - - - - - - - - - - - - - */
+
+p a 				{ border-bottom: 1px dotted; }
+p a:hover 		    { border-bottom: 2px solid; }
+p a.button  		{ border: 0; }
+
+img { border-radius: $global-radius;}
+	img.alignleft,
+	img.left 		{ float: left; margin:5px 15px 5px 0; }
+	img.alignright,
+	img.right 		{ float: right; margin:5px 0 5px 15px; }
+	img.aligncenter,
+	img.center 		{ display: block; margin:0 auto 10px; }
+
+h1 		{ font-weight: bold; }
+h2 		{ margin-top: rem-calc(24); }
+	.blog-index h2 { margin-top: 10px; }
+h3 		{ margin-top: rem-calc(22); }
+
+article dl dt 	{ line-height: 1.3; }
+article dl dd 	{ line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }
+
+
+
+dl.accordion 	{ border-top: 1px solid $grey-2;  }
+.accordion dd 	{ border-bottom: 1px solid $grey-2;  }
+dd.accordion-navigation span { padding-right: 12px; }
+dd.accordion-navigation span:before { content: "\E766" }
+dd.accordion-navigation.active span:before { content: "\E764" }
+dd.accordion-navigation.active span:before { content: "\E764" }
+
+
+td 		{ vertical-align: top; }
+
+pre 	{ overflow: auto; }
+code 	{ font-size: rem-calc(14); line-height: 1.5; }
+
+blockquote {
+	font-style: italic;
+	position: relative;
+	border: none;
+	margin: 0 30px 30px 30px;
+	color: #4b4b4d
+}
+ 
+	blockquote p {font-style: italic; color: $grey-10; }
+ 
+	blockquote:before {
+		display:block;content:"\00BB";
+		font-size:80px;
+		position:absolute;
+		left:-25px;
+		top:-40px;
+		color:#4b4b4d
+	}
+	blockquote:after {
+		display:block;
+		content:"\00AB";
+		font-size:80px;
+		position:absolute;
+		right:-10px;
+		bottom:-40px;
+		color:#4b4b4d;
+	}
+
+	blockquote cite:before{content:"\2014 \0020"}
+ 
+	blockquote cite a,blockquote cite a:visited {color: #555}
+
+cite { padding-top: 5px; }
+
+.alert-box 			{
+						font-family: $header-font-family;
+						text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
+					} 
+	.alert-box p 	{ margin-bottom: 0; } 
+	.alert-box a 	{
+						text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
+						color: #fff;
+						border-bottom: 1px dotted #fff;
+					}
+	.alert-box a:hover {
+						border-bottom: 1px solid #fff;
+					}
+
+button, .button { letter-spacing: 1px; }
+
+mark { background-color: scale-color($warning-color, $lightness: 60%);}
+
+.subheadline 			{ font-size: rem-calc(16); margin: 0; text-transform: uppercase; }
+.teaser 			{ font-size: rem-calc(20); }
+.big-teaser 		{ font-style: italic; font-weight: 300; }
+.big-teaser a 		{ font-style: italic; font-weight: 400; }
+
+
+	/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
+	@media only screen {
+		.big-teaser {
+			font-size: rem-calc(20);
+		}
+	}
+	@media only screen and (min-width: 40.063em) {
+		.big-teaser 		{
+			font-size: rem-calc(29);
+		}
+	}
+
+
+/* - - - - - - - - - - - - - - - - - - - - - - - 
+
+Additional typographical elements
+
+ - - - - - - - - - - - - - - - - - - - - - - - */
+
+.sans 				{ font-family: $font-family-sans-serif; }
+.serif 				{ font-family: $font-family-serif; }
+
+.font-size-h1	{ font-size: $font-size-h1; }
+.font-size-h2	{ font-size: $font-size-h2; }
+.font-size-h3	{ font-size: $font-size-h3; }
+.font-size-h4	{ font-size: $font-size-h4; }
+.font-size-h5	{ font-size: $font-size-h5; }
+.font-size-p 	{ font-size: $font-size-p; }
+
+
+
+
+
+
+@font-face {
+    font-family: 'entypo';
+    src: url('../fonts/entypo.eot');
+    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/entypo.woff') format('woff'),
+         url('../fonts/entypo.ttf') format('truetype'),
+         url('../fonts/entypo.svg#entypo') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'entypo-social';
+    src: url('../fonts/entypo-social.eot');
+    src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/entypo-social.woff') format('woff'),
+         url('../fonts/entypo-social.ttf') format('truetype'),
+         url('../fonts/entypo-social.svg#entypo-social') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.entypo { font-family:'entypo'; }
+	.entypo-social { font-family:'entypo-social'; }
+	.entypo-32 { font-size: em-calc(32); }
+	.entypo-29 { font-size: rem-calc(29); }
+	.entypo-48 { font-size: em-calc(48); }
+	.entypo-64 { font-size: em-calc(64); }
+
--- a/assets/scss/_5_layout_theme-fr.scss
+++ b/assets/scss/_5_layout_theme-fr.scss
@ -0,0 +1,176 @@
+body.video,
+body.video #masthead-no-image-header { background: #000; }
+body.video #masthead-no-image-header { margin-bottom: 60px; }
+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; }
+body.video cite a:visited, { color: #fff; }
+body.video cite { color: #fff; }
+
+
+
+
+#navigation {
+	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
+	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
+}
+#search {
+	padding: 20px 0 0 0;
+	background: $ci-4;
+}
+
+#breadcrumb {
+	background: scale-color($grey-1, $lightness: 55%);
+ 	border-top: 1px solid scale-color($grey-1, $lightness: 45%);
+	border-bottom: 1px solid scale-color($grey-1, $lightness: 45%);
+}
+
+/* - - - MASTHEAD - - - - - - - - - - - - - - - - - - - - - - */
+
+#title-image-small { height: 240px; }
+#title-image-large { height: 520px; }
+#title-image-index-small { height: 120px; }
+#title-image-index-large { height: 260px; }
+
+
+#masthead { height: 190px; }
+#logo img { margin-top: 30px; }
+#masthead-no-image-header { height: 120px; background: $primary-color; }
+#masthead-with-pattern { padding: 30px 0; }
+#masthead-with-background-color { padding: 30px 0; }
+
+/* Masthead auf medium-up Geräten */
+@media only screen and (min-width: 40.063em) {
+	#logo img { margin-top: 80px; }
+	#masthead { height: 320px; }
+	#masthead-no-image-header { height: 175px; background: $primary-color; }
+	#masthead-no-image-header #logo img { margin-top: 45px; }
+}
+
+#page-meta {
+	color: $grey-5;
+}
+
+#page-meta .button {
+	background: $grey-5;
+}
+#page-meta .button:hover {
+	background: $primary-color;
+}
+
+
+
+/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
+
+#up-to-top a.entypo:hover { background: $grey-2; border-radius: 3px;}
+#up-to-top { padding: 160px 0 10px 0; }
+
+
+#footer {
+	padding-top: 30px;
+	padding-bottom: 20px;
+	background: $footer-bg;
+	color: $footer-color;
+	}
+	footer p,
+	footer li {
+		font-size: rem-calc(13);
+		font-weight: 300;
+	}
+
+	#footer a { color: $ci-6; }
+	#footer a.entypo:hover { background: $ci-2; border-radius: 3px;}
+	
+	#footer h4,
+	#footer h5 {
+		letter-spacing: 1px;
+		color: #fff;
+		text-transform: uppercase;
+	}
+	#footer p.entypo {
+		font-size: 80px;
+		line-height: 54px;
+		text-align: center;
+		padding: 0;
+		margin: 0;
+	}
+
+#subfooter {
+	background: $subfooter-bg;
+	color: $subfooter-color;
+	padding-top: 30px;
+	padding-bottom: 10px;
+}
+	#subfooter-left ul.inline-list {
+		float: left;
+	}
+	#subfooter .entypo-social,
+	#subfooter .entypo {
+		font-size: 48px;
+		line-height: 36px;
+		color: $subfooter-color;
+	}
+
+	#subfooter li a {
+		color: $subfooter-color;
+		text-transform: uppercase;
+	}
+
+	#subfooter li a:hover {
+		color: #fff;
+	}
+
+	#subfooter .social-icons li a {
+		display: block;
+		height: 36px;
+		width: 36px;
+		border-radius: 50%;
+		color: $subfooter-bg;
+		background: $subfooter-color;
+		text-align: center;
+		vertical-align: center;
+	}
+
+	#subfooter .social-icons li a:hover {
+		background: $subfooter-bg;
+		color: #fff;
+	}
+
+.ad-space {
+	border: 1px solid scale-color($grey-1, $lightness: 80%);
+	text-align: center;
+	padding: 15px 0;
+	margin-bottom: rem-calc(20);
+}
+
+/*
+
+CSS-Classes to add margin at the top or bottom
+
+*/
+
+.t15 		{ margin-top: 15px; }
+.t20 		{ margin-top: 20px; }
+.t30 		{ margin-top: 30px; }
+.t50 		{ margin-top: 50px; }
+.t60 		{ margin-top: 60px; }
+.t90 		{ margin-top: 90px; }
+
+.b15 		{ margin-bottom: 15px; }
+.b20 		{ margin-bottom: 20px; }
+.b30 		{ margin-bottom: 30px; }
+.b60 		{ margin-bottom: 60px; }
+
+.pl20		{ padding-left: 20px; }
+
+.pr5		{ padding-right: 5px; }
+.pr10		{ padding-right: 10px; }
+.pr20		{ padding-right: 20px; }
--- a/assets/scss/_6_additional_theme-fr.scss
+++ b/assets/scss/_6_additional_theme-fr.scss
@ -0,0 +1,70 @@
+.ad-panel {
+	border: 1px solid $grey-2;
+	text-align: center;
+	padding: 15px;
+}
+.ad-panel p {
+	padding: 0;
+	margin: 0;
+}
+
+.alert-box { font-family: $header-font-family; text-shadow: 0px 1px 1px rgba(0,0,0,0.9); }
+	.alert-box.terminal { background: $grey-16; color: #fff; border-color: scale-color($grey-16, $lightness: $alert-function-factor);
+}
+	.alert-box p { margin-bottom: 0; } 
+	.alert-box a {
+		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
+		color: #fff;
+		border-bottom: 1px dotted #fff;
+	}
+	.alert-box a:hover {
+		border-bottom: 1px solid #fff;
+	}
+
+button, .button 				{ letter-spacing: 1px; }
+	button.grey, .button.grey	{ background: $grey-10; }
+	button.grey:hover,
+	button.grey:focus,
+	.button.grey:hover,
+	.button.grey:focus 			{ background-color: $grey-16; }
+
+
+.shadow-no 		{text-shadow: rgba(0, 0, 0, 0) 0 0 0;}
+.shadow-black 	{text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;}
+.shadow-white 	{text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;}
+
+
+.side-nav li.title { text-transform: uppercase;}
+.side-nav li { border-top: 1px solid $grey-3;}
+.side-nav li a:not(.button) { padding: 0.4375rem 0rem; }
+.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: #eee; }
+
+.homepage p { margin: 0; padding: 0; color: $grey-10; }
+.caption a { border-bottom: 1px dotted $grey-4; color: $grey-10; font-size: rem-calc(13); }
+
+
+.meta-info p {
+	font-size: rem-calc(13);
+	color: scale-color($grey-1, $lightness: 40%);
+}
+	.meta-info a {
+		text-decoration: underline;
+		color: scale-color($grey-1, $lightness: 40%);
+	}
+	.meta-info a:hover {
+		text-decoration: none;
+		color: $secondary-color;
+	}
+
+
+#logo-monochrome {
+	background: url(../img/phlow-logo-monochrome-100x36.png) no-repeat;
+	height: 36px;
+	width: 100px;
+	padding: 0;
+	margin: 0;
+	line-height: 0;
+	text-indent: -9999px;
+	display: block;
+	float: left;
+}
--- a/assets/scss/_7_highlight_theme-fr.scss
+++ b/assets/scss/_7_highlight_theme-fr.scss
@ -0,0 +1,65 @@
+
+/* Syntax highlighting styles
+/* Colors see color_settings
+/* ----------------------------------------------------------*/
+
+.highlight  { background: $highlight-background; padding-bottom: 20px; }
+.highlight .c { color: $highlight-comment; font-style: italic } /* Comment */
+.highlight .err { color: $highlight-error; background-color: $highlight-error-background;  } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: $highlight-comment; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: $highlight-comment-special; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: $highlight-comment; font-style: italic } /* Comment.Single */
+.highlight .cs { color: $highlight-comment-special; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: $highlight-deleted; background-color: $highlight-generic-deleted; } /* Generic.Deleted */
+.highlight .gd .x { color: $highlight-deleted; background-color: $highlight-generic-deleted-specific;} /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: $highlight-error-2; } /* Generic.Error */
+.highlight .gh { color: $highlight-comment-special } /* Generic.Heading */
+.highlight .gi { color: $highlight-deleted; background-color: $highlight-generic-inserted; } /* Generic.Inserted */
+.highlight .gi .x { color: $highlight-deleted; background-color: $highlight-generic-inserted-specific; } /* Generic.Inserted.Specific */
+.highlight .go { color: $highlight-generic-output; } /* Generic.Output */
+.highlight .gp { color: $highlight-generic-prompt; } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: $highlight-subheading;} /* Generic.Subheading */
+.highlight .gt { color: $highlight-error-2; } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: $highlight-keyword-type; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: $highlight-literal-number; } /* Literal.Number */
+.highlight .s { color: $highlight-literal-string; } /* Literal.String */
+.highlight .na { color: $highlight-name-attribut; } /* Name.Attribute */
+.highlight .nb { color: $highlight-name-builtin; } /* Name.Builtin */
+.highlight .nc { color: $highlight-name-class; font-weight: bold } /* Name.Class */
+.highlight .no { color: $highlight-name-attribut; } /* Name.Constant */
+.highlight .ni { color: $highlight-name-entity; } /* Name.Entity */
+.highlight .ne { color: $highlight-name-exception; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: $highlight-name-function; font-weight: bold } /* Name.Function */
+.highlight .nn { color: $highlight-name-namespace; } /* Name.Namespace */
+.highlight .nt { color: $highlight-name-tag; } /* Name.Tag */
+.highlight .nv { color: $highlight-name-attribut; } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: $highlight-text-whitespace; } /* Text.Whitespace */
+.highlight .mf { color: $highlight-literal-number; } /* Literal.Number.Float */
+.highlight .mh { color: $highlight-literal-number; } /* Literal.Number.Hex */
+.highlight .mi { color: $highlight-literal-number; } /* Literal.Number.Integer */
+.highlight .mo { color: $highlight-literal-number; } /* Literal.Number.Oct */
+.highlight .sb { color: $highlight-literal-string; } /* Literal.String.Backtick */
+.highlight .sc { color: $highlight-literal-string; } /* Literal.String.Char */
+.highlight .sd { color: $highlight-literal-string; } /* Literal.String.Doc */
+.highlight .s2 { color: $highlight-literal-string; } /* Literal.String.Double */
+.highlight .se { color: $highlight-literal-string; } /* Literal.String.Escape */
+.highlight .sh { color: $highlight-literal-string; } /* Literal.String.Heredoc */
+.highlight .si { color: $highlight-literal-string; } /* Literal.String.Interpol */
+.highlight .sx { color: $highlight-literal-string; } /* Literal.String.Other */
+.highlight .sr { color: $highlight-literal-string-regex; } /* Literal.String.Regex */
+.highlight .s1 { color: $highlight-literal-string; } /* Literal.String.Single */
+.highlight .ss { color: $highlight-literal-string-symbol; } /* Literal.String.Symbol */
+.highlight .bp { color: $highlight-comment-special } /* Name.Builtin.Pseudo */
+.highlight .vc { color: $highlight-name-attribut; } /* Name.Variable.Class */
+.highlight .vg { color: $highlight-name-attribut; } /* Name.Variable.Global */
+.highlight .vi { color: $highlight-name-attribut; } /* Name.Variable.Instance */
+.highlight .il { color: $highlight-literal-number; } /* Literal.Number.Integer.Long */
--- a/assets/scss/styles-responsive.scss
+++ b/assets/scss/styles-responsive.scss
@ -0,0 +1,33 @@
+@import "1_color_settings_theme-fr";
+@import "2_typography_settings_theme-fr";
+@import "3_settings_theme-fr";
+
+@import
+  "foundation/components/accordion",
+  "foundation/components/alert-boxes",
+  "foundation/components/block-grid",
+  "foundation/components/button-groups",
+  "foundation/components/buttons",
+  "foundation/components/clearing",
+  "foundation/components/dropdown",
+  "foundation/components/dropdown-buttons",
+  "foundation/components/flex-video",
+  "foundation/components/forms",
+  "foundation/components/grid",
+  "foundation/components/inline-lists",
+  "foundation/components/keystrokes",
+  "foundation/components/panels",
+  "foundation/components/reveal",
+  "foundation/components/side-nav",
+  "foundation/components/sub-nav",
+  "foundation/components/tables",
+  "foundation/components/thumbs",
+  "foundation/components/top-bar",
+  "foundation/components/type",
+  "foundation/components/visibility";
+
+@import "4_typography_theme-fr";
+@import "5_layout_theme-fr";
+@import "6_additional_theme-fr";
+@import "7_highlight_theme-fr";
+
--- a/blog/archive.html
+++ b/blog/archive.html
@ -18,7 +18,7 @@ permalink: "blog/archive/"
 		    <a href="#panel{{ counter }}"><span class="entypo entypo-16"></span> {% if post.subheadline %}{{ post.subheadline }} › {% endif %}<strong>{{ post.title }}</strong></a>
 		    <div id="panel{{ counter }}" class="content">
 		      {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
-				<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>Read more ›</strong></a><br><br>
+				<a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a><br><br>
 		    </div>
 		  </dd>
 		{% assign counter=counter | plus:1 %}
--- a/images/_fullsize/ilt_1920x1200.jpg
+++ b/images/_fullsize/ilt_1920x1200.jpg
--- a/images/favicon-32x.png
+++ b/images/favicon-32x.png
--- a/images/github-303x182.jpg
+++ b/images/github-303x182.jpg
--- a/images/header_homepage_13.jpg
+++ b/images/header_homepage_13.jpg
--- a/images/header_unsplash_1.jpg
+++ b/images/header_unsplash_1.jpg
--- a/images/header_unsplash_10.jpg
+++ b/images/header_unsplash_10.jpg
--- a/images/header_unsplash_12.jpg
+++ b/images/header_unsplash_12.jpg
--- a/images/header_unsplash_2-970x.jpg
+++ b/images/header_unsplash_2-970x.jpg
--- a/images/header_unsplash_2.jpg
+++ b/images/header_unsplash_2.jpg
--- a/images/header_unsplash_3.jpg
+++ b/images/header_unsplash_3.jpg
--- a/images/header_unsplash_4.jpg
+++ b/images/header_unsplash_4.jpg
--- a/images/header_unsplash_5.jpg
+++ b/images/header_unsplash_5.jpg
--- a/images/header_unsplash_6.jpg
+++ b/images/header_unsplash_6.jpg
--- a/images/header_unsplash_7.jpg
+++ b/images/header_unsplash_7.jpg
--- a/images/header_unsplash_8.jpg
+++ b/images/header_unsplash_8.jpg
--- a/images/header_unsplash_9.jpg
+++ b/images/header_unsplash_9.jpg
--- a/images/homepage_typography.jpg
+++ b/images/homepage_typography.jpg
--- a/images/homepage_typography_thumb.jpg
+++ b/images/homepage_typography_thumb.jpg
--- a/images/logo.png
+++ b/images/logo.png
--- a/images/pattern_concrete.jpg
+++ b/images/pattern_concrete.jpg
--- a/images/pattern_jquery-dark-grey-tile.png
+++ b/images/pattern_jquery-dark-grey-tile.png
--- a/images/pattern_numblog_background-tile.jpg
+++ b/images/pattern_numblog_background-tile.jpg
--- a/images/touch-icon-android-152x.png
+++ b/images/touch-icon-android-152x.png
--- a/images/touch-icon-ipad-76x.png
+++ b/images/touch-icon-ipad-76x.png
--- a/images/touch-icon-ipad-retina-152x.png
+++ b/images/touch-icon-ipad-retina-152x.png
--- a/images/touch-icon-iphone-60x.png
+++ b/images/touch-icon-iphone-60x.png
--- a/images/touch-icon-iphone-retina-120x.png
+++ b/images/touch-icon-iphone-retina-120x.png
--- a/images/unsplash_1-303x182.jpg
+++ b/images/unsplash_1-303x182.jpg
--- a/images/unsplash_1.jpg
+++ b/images/unsplash_1.jpg
--- a/images/unsplash_1_thumb.jpg
+++ b/images/unsplash_1_thumb.jpg
--- a/images/unsplash_2.jpg
+++ b/images/unsplash_2.jpg
--- a/images/unsplash_2_thumb.jpg
+++ b/images/unsplash_2_thumb.jpg
--- a/images/unsplash_3.jpg
+++ b/images/unsplash_3.jpg
--- a/images/unsplash_3_thumb.jpg
+++ b/images/unsplash_3_thumb.jpg
--- a/images/unsplash_4-303x182.jpg
+++ b/images/unsplash_4-303x182.jpg
--- a/images/unsplash_4.jpg
+++ b/images/unsplash_4.jpg
--- a/images/unsplash_4_thumb.jpg
+++ b/images/unsplash_4_thumb.jpg
--- a/images/unsplash_5.jpg
+++ b/images/unsplash_5.jpg
--- a/images/unsplash_5_thumb.jpg
+++ b/images/unsplash_5_thumb.jpg
--- a/images/unsplash_6.jpg
+++ b/images/unsplash_6.jpg
--- a/images/unsplash_6_bus_header.jpg
+++ b/images/unsplash_6_bus_header.jpg
--- a/images/unsplash_6_bus_thumb.jpg
+++ b/images/unsplash_6_bus_thumb.jpg
--- a/images/unsplash_7.jpg
+++ b/images/unsplash_7.jpg
--- a/images/unsplash_7_thumb.jpg
+++ b/images/unsplash_7_thumb.jpg
--- a/images/unsplash_8-302x182.jpg
+++ b/images/unsplash_8-302x182.jpg
--- a/images/unsplash_9-302x182.jpg
+++ b/images/unsplash_9-302x182.jpg
--- a/images/unsplash_9.jpg
+++ b/images/unsplash_9.jpg
--- a/images/unsplash_brooklyn-bridge.jpg
+++ b/images/unsplash_brooklyn-bridge.jpg
--- a/images/unsplash_brooklyn-bridge_header.jpg
+++ b/images/unsplash_brooklyn-bridge_header.jpg
--- a/images/unsplash_brooklyn-bridge_thumb.jpg
+++ b/images/unsplash_brooklyn-bridge_thumb.jpg
--- a/images/unsplash_leaf.jpg
+++ b/images/unsplash_leaf.jpg
--- a/images/unsplash_leaf_header.jpg
+++ b/images/unsplash_leaf_header.jpg
--- a/Show more
+++ b/Show more
				`@ -0,0 +1 @@`
				`body:before{white-space:pre;font-family:monospace;content:"Syntax error: Undefined variable: \"$grey-3\".\A on line 268 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/_settings.scss\A from line 1 of /Users/moritz/Documents/09 Webdesign/11 GitHub/Feeling Responsive Jekyll Theme/foundation/scss/app.scss"}`