From 07a25e31a2efc36e80d59de845b7da1182aca83a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Moritz=20=C2=BBmo=2E=C2=AB=20Sauer?= <mo@phlow.de>
Date: Fri, 3 Apr 2015 16:02:40 +0200
Subject: [PATCH] Moved Breadcrumb Navigation into _includes/masthead.html

Breadcrumb must me called before the image caption otherwise it looks
really ugly.
---
 _includes/masthead.html | 78 +++++++++++++++++++++++++++++------------
 1 file changed, 56 insertions(+), 22 deletions(-)

diff --git a/_includes/masthead.html b/_includes/masthead.html
index 5b4fb58..13cbbe2 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -10,6 +10,12 @@
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
+
+
+
 
 
 {% elsif page.header.title %}
@@ -22,6 +28,10 @@
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
+
 {% if page.header.caption_url && page.header.caption %}
 <div class="masthead-caption">
 	<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
@@ -34,6 +44,8 @@
 
 
 
+
+
 {% elsif page.header.image_fullwidth %}
 
 <div id="masthead">
@@ -46,6 +58,10 @@
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
+
 {% if page.header.caption_url && page.header.caption %}
 <div class="masthead-caption">
 	<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
@@ -58,6 +74,8 @@
 
 
 
+
+
 {% elsif page.header.pattern %}
 
 <div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')">
@@ -68,27 +86,9 @@
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
-	{% if page.header.caption_url && page.header.caption %}
-	<div class="masthead-caption">
-		<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
-	</div>
-	{% elsif page.header.caption %}
-	<div class="masthead-caption">
-		{{ page.header.caption }}
-	</div>
-	{% endif %}
-
-
-
-{% elsif page.header.background-color %}
-
-<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
-	<div class="row">
-		<figure class="small-12 columns">
-			<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
-		</figure><!-- /.small-12.columns -->
-	</div><!-- /.row -->
-</div><!-- /#masthead -->
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
 
 {% if page.header.caption_url && page.header.caption %}
 <div class="masthead-caption">
@@ -102,6 +102,40 @@
 
 
 
-{% elsif page.header == no %}
+
+
+{% elsif page.header.background-color %}
+
+<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
+	<div class="row">
+		<figure class="small-12 columns">
+			<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
+		</figure><!-- /.small-12.columns -->
+	</div><!-- /.row -->
+</div><!-- /#masthead -->
+
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
+
+{% if page.header.caption_url && page.header.caption %}
+<div class="masthead-caption">
+	<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
+</div>
+{% elsif page.header.caption %}
+<div class="masthead-caption">
+	{{ page.header.caption }}
+</div>
+{% endif %}
+
+
+
+
+
+{% elsif page.header = no %}
+
+{% if page.breadcrumb == true %}
+{% include breadcrumb.html %}
+{% endif %}
 
 {% endif %}