From bf2a836cdcb918998ea4edb591088ef777f98684 Mon Sep 17 00:00:00 2001
From: Sebastian Frank <frank@basiskonfiguration.de>
Date: Wed, 13 Feb 2019 16:30:09 +0100
Subject: [PATCH] breadcrumb

---
 example/assets/css/main.css                   |  32 ++++++++++++++++--
 example/{content => assets/img}/de.png        | Bin
 example/{content => assets/img}/en.png        | Bin
 .../02_Leistungen_und_Referenzen/README.md    |   2 +-
 .../content/de/main/04_impressum/config.yml   |   3 +-
 example/templates/intro.html                  |   4 +--
 example/templates/partials/header.html        |  11 ++++++
 7 files changed, 45 insertions(+), 7 deletions(-)
 rename example/{content => assets/img}/de.png (100%)
 rename example/{content => assets/img}/en.png (100%)

diff --git a/example/assets/css/main.css b/example/assets/css/main.css
index b3f563a..2d8fe0d 100644
--- a/example/assets/css/main.css
+++ b/example/assets/css/main.css
@@ -6,7 +6,7 @@ body {
 }
 
 a {
-    color: black;
+    color: #222;
 }
 
 #content {
@@ -55,10 +55,36 @@ footer {
     font-weight: bold;
 }
 
-#langSelect a img {
+.langSelect a img {
     border: 2px solid grey;
 }
 
-#langSelect a:hover img {
+.langSelect a:hover img, .langSelect a.active img {
     border: 2px solid black;
+}
+
+header .langSelect {
+    float: right;
+    padding: 20px;
+}
+
+#breadcrumb {
+    background-color: white;
+    padding-left: 20px;
+    padding-top: 20px;
+}
+
+#breadcrumb a {
+    text-decoration: none;
+    font-size: 0.6em;
+    color: #555;
+    padding-right: 10px;
+}
+
+#breadcrumb a:hover {
+    color: #000;
+}
+
+#breadcrumb a:before {
+    content: "▶ ";
 }
\ No newline at end of file
diff --git a/example/content/de.png b/example/assets/img/de.png
similarity index 100%
rename from example/content/de.png
rename to example/assets/img/de.png
diff --git a/example/content/en.png b/example/assets/img/en.png
similarity index 100%
rename from example/content/en.png
rename to example/assets/img/en.png
diff --git a/example/content/de/main/02_Leistungen_und_Referenzen/README.md b/example/content/de/main/02_Leistungen_und_Referenzen/README.md
index fb94b32..1109f39 100644
--- a/example/content/de/main/02_Leistungen_und_Referenzen/README.md
+++ b/example/content/de/main/02_Leistungen_und_Referenzen/README.md
@@ -11,4 +11,4 @@ Template: mitBild.html
 
 # Leistungen
 
-Hier stehen die ***Referenzen***
\ No newline at end of file
+Hier stehen die ***Referenzen***, dsfdfsadfasdf. 
\ No newline at end of file
diff --git a/example/content/de/main/04_impressum/config.yml b/example/content/de/main/04_impressum/config.yml
index 1ca0526..cf6edd2 100644
--- a/example/content/de/main/04_impressum/config.yml
+++ b/example/content/de/main/04_impressum/config.yml
@@ -1,2 +1,3 @@
 This:
-    GoTo: /de/service/impressum/
\ No newline at end of file
+    GoTo: /de/service/impressum/
+    Navname: Impressum aus Service
\ No newline at end of file
diff --git a/example/templates/intro.html b/example/templates/intro.html
index 20c54ff..896cf9d 100644
--- a/example/templates/intro.html
+++ b/example/templates/intro.html
@@ -8,9 +8,9 @@
         <div id="content">
             {{{ Body }}}
 
-            <div id="langSelect">
+            <div class="langSelect">
             {{#each NavSlice }}
-                <a href="{{ GoTo }}"><img src="{{ Navname }}.png" alt="{{ Navname }}" style="height: 100px;"></a>
+                <a href="{{ GoTo }}"><img src="../assets/img/{{ Navname }}.png" alt="{{ Navname }}" style="height: 100px;"></a>
             {{/each }}
             </div>
         </div>
diff --git a/example/templates/partials/header.html b/example/templates/partials/header.html
index 6cb4c05..9e92fb5 100644
--- a/example/templates/partials/header.html
+++ b/example/templates/partials/header.html
@@ -1,4 +1,9 @@
         <header>
+            <div class="langSelect">
+                {{#each NavSlice }}
+                    <a href="{{ GoTo }}" {{#if Active}}class="active"{{/if}}><img src="../assets/img/{{ Navname }}.png" alt="{{ Navname }}" style="height: 20px;"></a>
+                {{/each }}
+            </div>
             <div id="logoDiv"><img src="../assets/img/logo.png"></div>
             <div id="mainNavDiv" class="nav">
                 <table border="0" style="width: 100%">
@@ -32,3 +37,9 @@
                 </table>
             </div>
         </header>
+
+        <div id="breadcrumb">
+            {{#each NavActive }}
+                <a href="{{ GoTo }}">{{ Navname }}</a>
+            {{/each}}
+        </div>
\ No newline at end of file