breadcrumb

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: "▶ ";
 }

example/content/de/main/02_Leistungen_und_Referenzen/README.md

@@ -11,4 +11,4 @@ Template: mitBild.html
 
 # Leistungen
 
-Hier stehen die ***Referenzen***
+Hier stehen die ***Referenzen***, dsfdfsadfasdf. 

example/content/de/main/04_impressum/config.yml

@@ -1,2 +1,3 @@
 This:
-    GoTo: /de/service/impressum/
+    GoTo: /de/service/impressum/
+    Navname: Impressum aus Service

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>

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>