Struktur der Daten für das Menü überarbeitet
authorKai Moritz <kai@juplo.de>
Wed, 6 Jul 2016 08:48:07 +0000 (10:48 +0200)
committerKai Moritz <kai@juplo.de>
Thu, 7 Jul 2016 09:07:27 +0000 (11:07 +0200)
dist/templates/layout.html
dist/templates/variables.json

index f166193..6d0691a 100644 (file)
@@ -26,7 +26,7 @@
     <script src="../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body
-      th:with="crumbs=${crumbs.get(uri)}"
+      th:with="page=${pages.get(uri)},crumbs=${page.crumbs}"
       id="top"
       class="menu"
       th:class="${contentclass}?:'menu'"
             </h2>
             <ul layout:fragment="submenu"
                 th:with="
-                  submenu=${menu[section.uri]},
-                  parent=${(crumbs.size() == 2 and submenu.get(uri)['childs'] == null) ? crumbs[0].uri : null},
+                  submenu=${pages[section.uri]['childs']},
+                  parent=${crumbs[0].uri},
                   pos=1"
                 id="submenu"
                 class="s"
                   th:with="
                       child=${pos == crumbs.size()},
                       selected=${!child and crumbs.get(pos).uri == entry.key},
-                      last=${crumbs.get(pos-1).uri == parent and crumbs.size() &gt; pos},
-                      childs=${entry.value['childs']}
+                      sibling=${pos + 1 == crumbs.size() and (page['childs'] == null or uri == parent)},
+                      childs=${entry.key == parent ? null : pages[entry.key]['childs']}
                       "
                   class="s sub"
-                  th:class="'s' + (${childs} ? ' sub' : '') + (${selected or last or child} ? '' : ' off')"
+                  th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"
                   >
                 <a  href="../projects/fix-swf.html"
                     th:href="@{${entry.key}}"
                     class="s selected"
                     th:class="${selected} ? 's selected' : 's'"
-                    th:text="${entry.value.name}"
+                    th:text="${entry.value}"
                     >fix-swf</a>
                 <ul th:if="${selected and childs != null}"
                     class="s active"
index d3148af..730aa3e 100644 (file)
 {
-  "crumbs": {
-    "/projects.html": [
-      { "uri": "/projects.html", "name": "Projects" }
-    ],
-    "/projects/fix-swf/overview.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/fix-swf/overview.html", "name": "Fix SWF" },
-      { "uri": "/projects/fix-swf/overview.html", "name": "Overview" }
-    ],
-    "/projects/fix-swf/getting-started.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/fix-swf/overview.html", "name": "Fix SWF" },
-      { "uri": "/projects/fix-swf/getting-started.html", "name": "Getting Started" }
-    ],
-    "/projects/html-experimente.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" }
-    ],
-    "/projects/html-experimente/formulare.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/formulare.html", "name": "Formulare" }
-    ],
-    "/projects/html-experimente/symbole.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/symbole.html", "name": "Symbol-Font" }
-    ],
-    "/templates/404.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/templates/404.html", "name": "404-Template" }
-    ],
-    "/projects/html-experimente/gibts-ja-gar-nicht.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/gibts-ja-gar-nicht.html", "name": "404-Fehlerseite" }
-    ],
-    "/templates/error.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/templates/error.html", "name": "5xx-Template" }
-    ],
-    "/projects/html-experimente/error.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/error.html", "name": "5xx-Fehlerseite" }
-    ],
-    "/projects/html-experimente/fast-leer-mit-menü.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-mit-menü.html", "name": "Leer, mit Menü, ohne Marginal" }
-    ],
-    "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html", "name": "Leer, mit Menü, mit Marginal" }
-    ],
-    "/projects/html-experimente/fast-leer-kein-menü.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-kein-menü.html", "name": "Leer, ohne Menü, ohne Marginal" }
-    ],
-    "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html", "name": "Leer, ohne Menü, mit Marginal" }
-    ],
-    "/projects/html-experimente/fast-leer-einspaltig.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-einspaltig.html", "name": "Leer, einspaltig" }
-    ],
-    "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html", "name": "Leer, einspaltig, mit Marginal" }
-    ],
-    "/projects/html-experimente/breadcrumb.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/breadcrumb.html", "name": "Langer Breadcrumb" }
-    ],
-    "/projects/html-experimente/kein-layout.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/kein-layout.html", "name": "Alle Stylings deaktiviert" }
-    ],
-    "/projects/html-experimente/basis-layout.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/basis-layout.html", "name": "Nur das Basis-Layout" }
-    ],
-    "/projects/html-experimente/druck-layout.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/druck-layout.html", "name": "Druck-Layout" }
-    ],
-    "/projects/html-experimente/tiny.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/tiny.html", "name": "Layout TINY" }
-    ],
-    "/projects/html-experimente/phone.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/phone.html", "name": "Layout PHONE" }
-    ],
-    "/projects/html-experimente/tablet.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/tablet.html", "name": "Layout TABLET" }
-    ],
-    "/projects/html-experimente/seitenaufteilung.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/seitenaufteilung.html", "name": "Basis-Layout & Seitenaufteilung" }
-    ],
-    "/projects/html-experimente/seitenkopf.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/seitenkopf.html", "name": "Basis-Layout & Seitenkopf" }
-    ],
-    "/projects/html-experimente/testlab.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
-      { "uri": "/projects/html-experimente/testlab.html", "name": "Media-Query-Test (Beispiel)" }
-    ],
-    "/projects/typo.html": [
-      { "uri": "/projects.html", "name": "Projects" },
-      { "uri": "/projects/typo.html", "name": "Typography" }
-    ],
-    "/about.html": [
-      { "uri": "/about.html", "name": "About" }
-    ],
-    "/expertise.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/expertise.html", "name": "Expertise" }
-    ],
-    "/references.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/references.html", "name": "References" }
-    ],
-    "/impressum.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" }
-    ],
-    "/agb.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/agb.html", "name": "AGB" }
-    ],
-    "/haftung-inhalte.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/haftung-inhalte.html", "name": "Haftung für Inhalte" }
-    ],
-    "/haftung-links.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/haftung-links.html", "name": "Haftung für Links" }
-    ],
-    "/urheberrechte.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/urheberrechte.html", "name": "Urheberrechte" }
-    ],
-    "/datenschutz.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/datenschutz.html", "name": "Datenschutz" }
-    ],
-    "/google-analytics.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/impressum.html", "name": "Impressum" },
-      { "uri": "/google-analytics.html", "name": "Google Analytics" }
-    ],
-    "/contact.html": [
-      { "uri": "/about.html", "name": "About" },
-      { "uri": "/contact.html", "name": "Contact" }
-    ]
-  },
   "sections": {
     "/blog.html": { "name": "Blog", "key": "blog" },
     "/projects.html": { "name": "Projects", "key": "projects" },
     "/about.html": { "name": "About", "key": "about" }
   },
-  "menu": {
+  "pages": {
     "/projects.html": {
-      "#hibernate4-maven-plugin": { "name": "hibernate4-maven-plugin" },
-      "/projects/fix-swf/overview.html": {
-        "name": "Fix SWF",
-        "childs": {
-          "/projects/fix-swf/overview.html": { "name": "Overview" },
-          "/projects/fix-swf/getting-started.html": { "name": "Getting Started" },
-          "#FAQ": { "name": "FAQ" },
-          "#Documentation": { "name": "Documentation" }
-        }
+      "name": "Projects",
+      "childs": {
+        "#hibernate4-maven-plugin": "Hibernate 4 Maven Plugin",
+        "/projects/fix-swf/overview.html": "Fix SWF",
+        "#jquery.openx": "jQuery OpenX",
+        "/projects/html-experimente.html": "HTML-Experimente",
+        "#accelerator": "accelerator",
+        "/projects/typo.html": "Typography"
       },
-      "#jquery.openx": { "name": "jquery.openx" },
-      "/projects/html-experimente.html": {
-        "name": "HTML-Experimente",
-        "childs": {
-          "/projects/html-experimente/formulare.html": { "name": "Formulare" },
-          "/projects/html-experimente/symbole.html": { "name": "Symbol-Font" },
-          "/templates/404.html": { "name": "404-Template" },
-          "/projects/html-experimente/gibts-ja-gar-nicht.html": { "name": "404-Fehlerseite" },
-          "/templates/error.html": { "name": "5xx-Template" },
-          "/projects/html-experimente/error.html": { "name": "5xx-Fehlerseite" },
-          "/projects/html-experimente/fast-leer-mit-menü.html": { "name": "Leer, mit Menü, ohne Marginal" },
-          "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": { "name": "Leer, mit Menü, mit Marginal" },
-          "/projects/html-experimente/fast-leer-kein-menü.html": { "name": "Leer, ohne Menü, ohne Marginal" },
-          "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": { "name": "Leer, ohne Menü, mit Marginal" },
-          "/projects/html-experimente/fast-leer-einspaltig.html": { "name": "Leer, einspaltig" },
-          "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": { "name": "Leer, einspaltig, mit Marginal" },
-          "/projects/html-experimente/breadcrumb.html": { "name": "Langer Breadcrumb" },
-          "/projects/html-experimente/kein-layout.html": { "name": "Alle Stylings deaktiviert" },
-          "/projects/html-experimente/basis-layout.html": { "name": "Nur das Basis-Layout" },
-          "/projects/html-experimente/druck-layout.html": { "name": "Druck-Layout" },
-          "/projects/html-experimente/tiny.html": { "name": "Layout TINY" },
-          "/projects/html-experimente/phone.html": { "name": "Layout PHONE" },
-          "/projects/html-experimente/tablet.html": { "name": "Layout TABLET" },
-          "/projects/html-experimente/seitenaufteilung.html": { "name": "Basis-Layout & Seitenaufteilung" },
-          "/projects/html-experimente/seitenkopf.html": { "name": "Basis-Layout & Seitenkopf" },
-          "/projects/html-experimente/testlab.html": { "name": "Media-Query-Test (Beispiel)" }
-        }
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" }
+      ]
+    },
+    "#hibernate4-maven-plugin": {
+      "name": "Overview",
+      "childs": {}
+    },
+    "/projects/fix-swf/overview.html": {
+      "name": "Overview",
+      "childs": {
+        "/projects/fix-swf/overview.html": "Overview",
+        "/projects/fix-swf/getting-started.html": "Getting Started",
+        "#faq": "FAQ",
+        "#documentation": "Documentation"
+      },
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/fix-swf/overview.html", "name": "Fix SWF" },
+        { "uri": "/projects/fix-swf/overview.html", "name": "Overview" }
+      ]
+    },
+    "#faq": { "name": "FAQ" },
+    "#documentation": { "name": "Documentation" },
+    "#jquery.openx": { "name": "jQuery OpenX" },
+    "#accelerator": { "name": "Accellerator" },
+    "/projects/typo.html": {
+      "name": "Typography",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/typo.html", "name": "Typography" }
+      ]
+    },
+    "/projects/html-experimente.html": {
+      "name": "HTML-Experimente",
+      "childs": {
+        "/projects/html-experimente/formulare.html": "Formulare",
+        "/projects/html-experimente/symbole.html": "Symbol-Font",
+        "/templates/404.html": "404-Template",
+        "/projects/html-experimente/gibts-ja-gar-nicht.html": "404-Fehlerseite",
+        "/templates/error.html": "5xx-Template",
+        "/projects/html-experimente/error.html": "5xx-Fehlerseite",
+        "/projects/html-experimente/fast-leer-mit-menü.html": "Leer, mit Menü, ohne Marginal",
+        "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": "Leer, mit Menü, mit Marginal",
+        "/projects/html-experimente/fast-leer-kein-menü.html": "Leer, ohne Menü, ohne Marginal",
+        "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": "Leer, ohne Menü, mit Marginal",
+        "/projects/html-experimente/fast-leer-einspaltig.html": "Leer, einspaltig",
+        "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": "Leer, einspaltig, mit Marginal",
+        "/projects/html-experimente/breadcrumb.html": "Langer Breadcrumb",
+        "/projects/html-experimente/kein-layout.html": "Alle Stylings deaktiviert",
+        "/projects/html-experimente/basis-layout.html": "Nur das Basis-Layout",
+        "/projects/html-experimente/druck-layout.html": "Druck-Layout",
+        "/projects/html-experimente/tiny.html": "Layout TINY",
+        "/projects/html-experimente/phone.html": "Layout PHONE",
+        "/projects/html-experimente/tablet.html": "Layout TABLET",
+        "/projects/html-experimente/seitenaufteilung.html": "Basis-Layout & Seitenaufteilung",
+        "/projects/html-experimente/seitenkopf.html": "Basis-Layout & Seitenkopf",
+        "/projects/html-experimente/testlab.html": "Media-Query-Test (Beispiel)"
       },
-      "#accelerator": { "name": "accelerator" },
-      "/projects/typo.html": { "name": "Typography" }
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" }
+      ]
+    },
+    "/projects/fix-swf/getting-started.html": {
+      "name": "Getting Started",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/fix-swf/overview.html", "name": "Fix SWF" },
+        { "uri": "/projects/fix-swf/getting-started.html", "name": "Getting Started" }
+      ]
+    },
+    "/projects/html-experimente/formulare.html": {
+      "name": "Formulare",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/formulare.html", "name": "Formulare" }
+      ]
+    },
+    "/projects/html-experimente/symbole.html": {
+      "name": "Symbol-Font",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/symbole.html", "name": "Symbol-Font" }
+      ]
+    },
+    "/templates/404.html": {
+      "name": "404-Template",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/templates/404.html", "name": "404-Template" }
+      ]
+    },
+    "/projects/html-experimente/gibts-ja-gar-nicht.html": {
+      "name": "404-Fehlerseite",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/gibts-ja-gar-nicht.html", "name": "404-Fehlerseite" }
+      ]
+    },
+    "/templates/error.html": {
+      "name": "5xx-Template",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/templates/error.html", "name": "5xx-Template" }
+      ]
+    },
+    "/projects/html-experimente/error.html": {
+      "name": "5xx-Fehlerseite",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/error.html", "name": "5xx-Fehlerseite" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-mit-menü.html": {
+      "name": "Leer, mit Menü, ohne Marginal",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-mit-menü.html", "name": "Leer, mit Menü, ohne Marginal" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html": {
+      "name": "Leer, mit Menü, mit Marginal",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html", "name": "Leer, mit Menü, mit Marginal" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-kein-menü.html": {
+      "name": "Leer, ohne Menü, ohne Marginal",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-kein-menü.html", "name": "Leer, ohne Menü, ohne Marginal" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html": {
+      "name": "Leer, ohne Menü, mit Marginal",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html", "name": "Leer, ohne Menü, mit Marginal" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-einspaltig.html": {
+      "name": "Leer, einspaltig",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-einspaltig.html", "name": "Leer, einspaltig" }
+      ]
+    },
+    "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html": {
+      "name": "Leer, einspaltig, mit Marginal",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html", "name": "Leer, einspaltig, mit Marginal" }
+      ]
+    },
+    "/projects/html-experimente/breadcrumb.html": {
+      "name": "Langer Breadcrumb",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/breadcrumb.html", "name": "Langer Breadcrumb" }
+      ]
+    },
+    "/projects/html-experimente/kein-layout.html": {
+      "name": "Alle Stylings deaktiviert",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/kein-layout.html", "name": "Alle Stylings deaktiviert" }
+      ]
+    },
+    "/projects/html-experimente/basis-layout.html": {
+      "name": "Nur das Basis-Layout",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/basis-layout.html", "name": "Nur das Basis-Layout" }
+      ]
+    },
+    "/projects/html-experimente/druck-layout.html": {
+      "name": "Druck-Layout",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/druck-layout.html", "name": "Druck-Layout" }
+      ]
+    },
+    "/projects/html-experimente/tiny.html": {
+      "name": "Layout TINY",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/tiny.html", "name": "Layout TINY" }
+      ]
+    },
+    "/projects/html-experimente/phone.html": {
+      "name": "Layout PHONE",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/phone.html", "name": "Layout PHONE" }
+      ]
+    },
+    "/projects/html-experimente/tablet.html": {
+      "name": "Layout TABLET",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/tablet.html", "name": "Layout TABLET" }
+      ]
+    },
+    "/projects/html-experimente/seitenaufteilung.html": {
+      "name": "Basis-Layout & Seitenaufteilung",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/seitenaufteilung.html", "name": "Basis-Layout & Seitenaufteilung" }
+      ]
+    },
+    "/projects/html-experimente/seitenkopf.html": {
+      "name": "Basis-Layout & Seitenkopf",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/seitenkopf.html", "name": "Basis-Layout & Seitenkopf" }
+      ]
+    },
+    "/projects/html-experimente/testlab.html": {
+      "name": "Media-Query-Test (Beispiel)",
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" },
+        { "uri": "/projects/html-experimente.html", "name": "HTML-Experimente" },
+        { "uri": "/projects/html-experimente/testlab.html", "name": "Media-Query-Test (Beispiel)" }
+      ]
     },
     "/about.html": {
-      "/expertise.html": {
-        "name": "Expertise",
-        "childs": {
-        }
+      "name": "About",
+      "childs": {
+        "/expertise.html": "Expertise",
+        "/references.html": "References",
+        "/impressum.html": "Impressum",
+        "/contact.html": "Contact"
+      },
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" }
+      ]
+    },
+    "/expertise.html": {
+      "name": "Expertise",
+      "childs": {
       },
-      "/references.html": {
-        "name": "References",
-        "childs": {
-        }
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/expertise.html", "name": "Expertise" }
+      ]
+    },
+    "/references.html": {
+      "name": "References",
+      "childs": {
       },
-      "/impressum.html": {
-        "name": "Impressum",
-        "childs": {
-          "/agb.html": { "name": "AGB" },
-          "/haftung-inhalte.html": { "name": "Haftung für Inhalte" },
-          "/haftung-links.html": { "name": "Haftung für Links" },
-          "/urheberrechte.html": { "name": "Urheberrechte" },
-          "/datenschutz.html": { "name": "Datenschutz" },
-          "/google-analytics.html": { "name": "Google Analytics" }
-        }
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/references.html", "name": "References" }
+      ]
+    },
+    "/impressum.html": {
+      "name": "Impressum",
+      "childs": {
+        "/agb.html": "AGB",
+        "/haftung-inhalte.html": "Haftung für Inhalte",
+        "/haftung-links.html": "Haftung für Links",
+        "/urheberrechte.html": "Urheberrechte",
+        "/datenschutz.html": "Datenschutz",
+        "/google-analytics.html": "Google Analytics"
       },
-      "/contact.html": { "name": "Contact" }
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" }
+      ]
+    },
+    "/contact.html": {
+      "name": "Contact",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/contact.html", "name": "Contact" }
+      ]
+    },
+    "/agb.html": {
+      "name": "AGB",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/agb.html", "name": "AGB" }
+      ]
+    },
+    "/haftung-inhalte.html": {
+      "name": "Haftung für Inhalte",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/haftung-inhalte.html", "name": "Haftung für Inhalte" }
+      ]
+    },
+    "/haftung-links.html": {
+      "name": "Haftung für Links",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/haftung-links.html", "name": "Haftung für Links" }
+      ]
+    },
+    "/urheberrechte.html": {
+      "name": "Urheberrechte",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/urheberrechte.html", "name": "Urheberrechte" }
+      ]
+    },
+    "/datenschutz.html": {
+      "name": "Datenschutz",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/datenschutz.html", "name": "Datenschutz" }
+      ]
+    },
+    "/google-analytics.html": {
+      "name": "Google Analytics",
+      "crumbs": [
+        { "uri": "/about.html", "name": "About" },
+        { "uri": "/impressum.html", "name": "Impressum" },
+        { "uri": "/google-analytics.html", "name": "Google Analytics" }
+      ]
     }
   }
 }