Juplo-Branding an die Verwendung mit Thymeproxy angepasst
authorKai Moritz <kai@juplo.de>
Tue, 28 Jun 2016 10:02:26 +0000 (12:02 +0200)
committerKai Moritz <kai@juplo.de>
Thu, 7 Jul 2016 09:07:22 +0000 (11:07 +0200)
28 files changed:
dist/thymeleaf/index.html
dist/thymeleaf/projects.html
dist/thymeleaf/projects/fix-swf.html
dist/thymeleaf/projects/fix-swf/getting-started.html
dist/thymeleaf/projects/fix-swf/overview.html
dist/thymeleaf/projects/html-experimente.html
dist/thymeleaf/projects/html-experimente/basis-layout.html
dist/thymeleaf/projects/html-experimente/breadcrumb.html
dist/thymeleaf/projects/html-experimente/druck-layout.html
dist/thymeleaf/projects/html-experimente/error.html [new file with mode: 0644]
dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü.html
dist/thymeleaf/projects/html-experimente/formulare.html
dist/thymeleaf/projects/html-experimente/kein-layout.html
dist/thymeleaf/projects/html-experimente/phone.html
dist/thymeleaf/projects/html-experimente/seitenaufteilung.html
dist/thymeleaf/projects/html-experimente/seitenkopf.html
dist/thymeleaf/projects/html-experimente/symbole.html
dist/thymeleaf/projects/html-experimente/tablet.html
dist/thymeleaf/projects/html-experimente/testlab.html
dist/thymeleaf/projects/html-experimente/tiny.html
dist/thymeleaf/projects/typo.html
dist/thymeleaf/templates/layout.html
dist/thymeleaf/templates/variables.json [new file with mode: 0644]

index 3024133..3102422 100644 (file)
@@ -3,7 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="contentclass='nomenu'"
+    th:with="contentclass='nomenu', uri='/index.html'"
     >
   <head>
     <title>Home</title>
index 4737f8d..685b955 100644 (file)
@@ -3,7 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Projects'"
+    th:with="title='Projects', uri='/projects.html'"
     >
   <head>
     <title>Projects</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><strong class="b">Projects</strong></li>
-    </ol>
-    <ul layout:fragment="submenu">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s sub"><a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><a href="projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
-    </ul>
   </body>
 </html>
index dba5d93..343390a 100644 (file)
@@ -3,7 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Fix SWF'"
+    th:with="title='Fix SWF', uri='/projects/fix-swf.html'"
     >
   <head>
     <title>Fix SWF</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><strong class="b">Fix SWF</strong></li>
-    </ol>
-    <ul layout:fragment="submenu">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <strong class="s">fix-swf</strong>
-        <ul class="s active">
-          <li class="s"><a href="../projects/fix-swf/overview.html" th:href="@{/projects/fix-swf/overview.html}" class="s">Overview</a></li>
-          <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
-    </ul>
   </body>
 </html>
index b4b8fb0..d5492e1 100644 (file)
@@ -3,7 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Fix SWF - Getting started'"
+    th:with="title='Fix SWF - Getting started', uri='/projects/fix-swf/getting-started.html'"
     >
   <head>
     <title>Fix SWF - Getting started</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../fix-swf.html" th:href="@{/projects/fix-swf.html}">Fix SWF</a></li>
-      <li class="b"><strong class="b">Getting Started</strong></li>
-    </ol>
-    <ul layout:fragment="submenu">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
-        <ul class="s active">
-          <li class="s"><a href="overview.html" th:href="@{/projects/fix-swf/overview.html}" class="s">Overview</a></li>
-          <li class="s"><strong class="s">Getting Started</strong></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s sub off"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="../typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
-    </ul>
   </body>
 </html>
index a2df3a0..d9d7295 100644 (file)
@@ -3,38 +3,18 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Fix SWF - Overview'"
+    th:with="title='Fix SWF - Overview', uri='/projects/fix-swf/overview.html'"
     >
   <head>
+    <!--/*-->
     <title>Fix SWF - Overview</title>
     <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
     <style type="text/css">
       @import '../../../css/screen.min.css' screen;
       @import '../../../css/print.min.css' print;
     </style>
+    <!--*/-->
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../fix-swf.html" th:href="@{/projects/fix-swf.html}">Fix SWF</a></li>
-      <li class="b"><strong class="b">Overview</strong></li>
-    </ol>
-    <ul layout:fragment="submenu">
-      <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub">
-        <a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
-        <ul class="s active">
-          <li class="s"><strong class="s">Overview</strong></li>
-          <li class="s"><a href="getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
-          <li class="s"><a href="#" class="s">FAQ</a></li>
-          <li class="s"><a href="#" class="s">Documentation</a></li>
-        </ul>
-      </li>
-      <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s sub off"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
-      <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-      <li class="s off"><a href="../typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
-    </ul>
   </body>
 </html>
index 77baf03..3a10182 100644 (file)
@@ -4,6 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with="uri='/projects/html-experimente.html'"
     >
   <head>
     <title>HTML-Experimente</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><strong class="b">HTML-Experimente</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:fragment="navigation (page)">
-      <hr class="n"/>
-      <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
-      <h1 class="nav">Navigation</h1>
-      <h2 class="nav menu">Section-Menu</h2>
-      <ul id="menu" class="cf">
-        <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
-        <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
-        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
-      </ul>
-      <h2 class="nav submenu">
-        <span class="s">Submenu for section</span>
-        <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
-      </h2>
-      <ul id="submenu" class="s active">
-        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-        <li class="s sub off"><a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
-        <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-        <li class="s sub">
-          <span th:switch="${page}" th:remove="tag">
-            <a th:case="${page}" href="#" th:href="@{/projects/html-experimente.html}" class="s selected">HTML-Experimente</a>
-            <strong th:case="*" class="s">HTML-Experimente</strong>
-          </span>
-          <ul class="s active">
-            <li class="s" th:switch="${page}">
-              <strong th:case="'formulare'" class="s">Formulare</strong>
-              <a th:case="*" class="s" href="formulare.html" th:href="@{/projects/html-experimente/formulare.html}">Formulare</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'symbole'" class="s">Symbol-Font</strong>
-              <a th:case="*" class="s" href="symbole.html" th:href="@{/projects/html-experimente/symbole.html}">Symbol-Font</a>
-            </li>
-            <li class="s">
-              <a class="s" href="../../404.html" th:href="@{/404.html}">404-Template</a>
-            </li>
-            <li class="s">
-              <a class="s" href="gibts-ja-gar-nicht.html" th:href="@{/projects/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a>
-            </li>
-            <li class="s">
-              <a class="s" href="../../error.html" th:href="@{/error.html}">5xx-Template</a>
-            </li>
-            <li class="s">
-              <a class="s" href="error.html" th:href="@{/projects/html-experimente/error.html}">5xx-Fehlerseite</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-mit-menü'" class="s">Leer, mit Menü</strong>
-              <a th:case="*" class="s" href="fast-leer-mit-menü.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü.html}">Leer, mit Menü</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-mit-menü-und-marginalinhalt'" class="s">Leer, mit Menü, mit Marginal</strong>
-              <a th:case="*" class="s" href="fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Leer, mit Menü, mit Marginal</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-kein-menü'" class="s">Leer ohne Menü</strong>
-              <a th:case="*" class="s" href="fast-leer-kein-menü.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü.html}">Leer ohne Menü</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-kein-menü-aber-marginalinhalt'" class="s">Leer, ohne Menü, mit Marginal</strong>
-              <a th:case="*" class="s" href="fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Leer, ohne Menü, mit Marginal</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-einspaltig'" class="s">Leer, einspaltig</strong>
-              <a th:case="*" class="s" href="fast-leer-einspaltig.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig.html}">Leer, einspaltig</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'fast-leer-einspaltig-mit-marginalinhalt'" class="s">Leer, einspaltig, mit Marginal</strong>
-              <a th:case="*" class="s" href="fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Leer, einspaltig, mit Marginal</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'breadcrumb'" class="s">Langer Breadcrumb</strong>
-              <a th:case="*" class="s" href="breadcrumb.html" th:href="@{/projects/html-experimente/breadcrumb.html}">Langer Breadcrumb</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'kein-layout'" class="s">Alle Stylings deaktiviert</strong>
-              <a th:case="*" class="s" href="kein-layout.html" th:href="@{/projects/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'basis-layout'" class="s">Nur das Basis-Layout</strong>
-              <a th:case="*" class="s" href="basis-layout.html" th:href="@{/projects/html-experimente/basis-layout.html}">Nur das Basis-Layout</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'druck-layout'" class="s">Druck-Layout</strong>
-              <a th:case="*" class="s" href="druck-layout.html" th:href="@{/projects/html-experimente/druck-layout.html}">Druck-Layout</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'tiny'" class="s">Layout TINY</strong>
-              <a th:case="*" class="s" href="tiny.html" th:href="@{/projects/html-experimente/tiny.html}">Layout TINY</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'phone'" class="s">Layout PHONE</strong>
-              <a th:case="*" class="s" href="phone.html" th:href="@{/projects/html-experimente/phone.html}">Layout PHONE</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'tablet'" class="s">Layout Tablet</strong>
-              <a th:case="*" class="s" href="tablet.html" th:href="@{/projects/html-experimente/tablet.html}">Layout TABLET</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'seitenaufteilung'" class="s">Basis-Layout &amp; Seitenaufteilung</strong>
-              <a th:case="*" class="s" href="seitenaufteilung.html" th:href="@{/projects/html-experimente/seitenaufteilung.html}">Basis-Layout &amp; Seitenaufteilung</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'seitenkopf'" class="s">Basis-Layout &amp; Seitenkopf</strong>
-              <a th:case="*" class="s" href="seitenkopf.html" th:href="@{/projects/html-experimente/seitenkopf.html}">Basis-Layout &amp; Seitenkopf</a>
-            </li>
-            <li class="s" th:switch="${page}">
-              <strong th:case="'media-query'" class="s">Media-Query-Test (Beispiel)</strong>
-              <a th:case="*" class="s" href="testlab.html" th:href="@{/projects/html-experimente/testlab.html}">Media-Query-Test (Beispiel)</a>
-            </li>
-          </ul>
-        </li>
-        <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-        <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
-      </ul>
-    </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
       <ul>
index fe6fb75..4a48c34 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Nur das Basis-Layout'"
+    th:with="title='Nur das Basis-Layout', uri='/projects/html-experimente/basis-layout.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Nur das Basis-Layout</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('basis-layout')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 21a1f47..6c17efe 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Seite mit sehr langem Breadcrumb'"
+    th:with="title='Seite mit sehr langem Breadcrumb', uri='/projects/html-experimente/breadcrumb.html'"
     >
   <head>
     <title>HTML-Experimente - Langer Breadcrumb</title>
@@ -21,8 +21,5 @@
       <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
       <li class="b"><strong class="b">Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt</strong></li>
     </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('breadcrumb')">
-      NAVIGATION
-    </nav>
   </body>
 </html>
index 45ca8a7..3bb6b54 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Die für den Ausdruck angepasste Ansicht'"
+    th:with="title='Die für den Ausdruck angepasste Ansicht', uri='/projects/html-experimente/druck-layout.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Druck-Layout</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Druck-Layout</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('druck-layout')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
diff --git a/dist/thymeleaf/projects/html-experimente/error.html b/dist/thymeleaf/projects/html-experimente/error.html
new file mode 100644 (file)
index 0000000..862bd0e
--- /dev/null
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    >
+  <head>
+    <title>This Page Will Raise An Error</title>
+    <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
+    <style type="text/css">
+      @import '../css/screen.min.css' screen;
+      @import '../css/print.min.css' print;
+    </style>
+  </head>
+  <body>
+  </body>
+</html>
index 18a2738..a1a575b 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="contentclass='onecolumn'"
+    th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, einspaltig, Marginal</strong></li>
-    </ol>
     <nav layout:fragment="navigation">
       <hr class="n"/>
       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
index 86f07d1..129178e 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="contentclass='onecolumn'"
+    th:with="contentclass='onecolumn', uri='/projects/html-experimente/fast-leer-einspaltig.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere einspaltige Seite</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, einspaltig</strong></li>
-    </ol>
     <nav layout:fragment="navigation">
       <hr class="n"/>
       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
index 93c38ec..34968d6 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="contentclass='nomenu'"
+    th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, ohne Menü, mit Marginal</strong></li>
-    </ol>
     <nav layout:fragment="navigation">
       <hr class="n"/>
       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
index 387236f..c96782f 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="contentclass='nomenu'"
+    th:with="contentclass='nomenu', uri='/projects/html-experimente/fast-leer-kein-menü.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, ohne Menü</strong></li>
-    </ol>
     <nav layout:fragment="navigation">
       <hr class="n"/>
       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
index 9c24fd8..e0273fe 100644 (file)
@@ -4,6 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with=", uri='/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, mit Menü</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('fast-leer-mit-menü-und-marginalinhalt')">
-      NAVIGATION
-    </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
     </article>
index 4f8c1bf..31c3700 100644 (file)
@@ -4,6 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with=", uri='/projects/html-experimente/fast-leer-mit-menü.html'"
     >
   <head>
     <title>HTML-Experimente - Fast leere Seite mit Menü</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Leer, mit Menü</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('fast-leer-mit-menü')">
-      NAVIGATION
-    </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Fast leere Seite mit Menü</h1></header>
     </article>
index 03a8514..6f30647 100644 (file)
@@ -4,6 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with="uri='/projects/html-experimente/formulare.html'"
     >
   <head>
     <title>HTML-Experimente - Formulare</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Formulare</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('formulare')">
-      NAVIGATION
-    </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Formulare</h1></header>
       <form class="form" action="#" method="get">
index 19991b2..7ea980e 100644 (file)
@@ -4,21 +4,12 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Alle Stylings deaktiviert'"
+    th:with="title='Alle Stylings deaktiviert', uri='/projects/html-experimente/kein-layout.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Kein Layout</title>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Alle Stylings deaktiviert</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('kein-layout')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 00b4766..35518e5 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Layout für Smartphones'"
+    th:with="title='Layout für Smartphones', uri='/projects/html-experimente/phone.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout PHONE</title>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Layout PHONE</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('phone')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 592764e..391aaec 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung'"
+    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenaufteilung.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout &amp; Seitenaufteilung</title>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Basis-Layout &amp; Seitenaufteilung</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('seitenaufteilung')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index e94d6c6..ad28e15 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung'"
+    th:with="title='Nur das Basis-Layout und die Seitenaufteiltung', uri='/projects/html-experimente/seitenkopf.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout &amp; Seitenkopf</title>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Basis-Layout &amp; Seitenkopf</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('seitenkopf')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 451f81a..ed7d99a 100644 (file)
@@ -4,6 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with="uri='/projects/html-experimente/symbole.html'"
     >
   <head>
     <title>HTML-Experimente - Symbol-Font</title>
     </style>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Symbol-Font</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('symbole')">
-      NAVIGATION
-    </nav>
     <article class="main" layout:fragment="maincontent">
       <header><h1>Symbol-Font</h1></header>
       <h2>100%</h2>
index 8274921..2bf9b13 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Layout für Tablets'"
+    th:with="title='Layout für Tablets', uri='/projects/html-experimente/tablet.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout TABLET</title>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Layout TABLET</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('tablet')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 0d99216..559c4fc 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/testlab"
-    th:with="title='Media-Query-Test: BEISPIEL'"
+    th:with="title='Media-Query-Test: BEISPIEL', uri='/projects/html-experimente/testlab.html'"
     >
   <head>
     <title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
index 7cfbf3b..c5cf9f3 100644 (file)
@@ -4,7 +4,7 @@
     xmlns:layout="http://www.thymeleaf.org"
     xmlns:th="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
-    th:with="title='Layout für sehr kleine Bildschirmgrößen'"
+    th:with="title='Layout für sehr kleine Bildschirmgrößen', uri='/projects/html-experimente/tiny.html'"
     >
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout TINY</title>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
-      <li class="b"><strong class="b">Layout TINY</strong></li>
-    </ol>
-    <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('tiny')">
-      NAVIGATION
-    </nav>
     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
index 80ccaca..439b1ab 100644 (file)
@@ -3,6 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
     layout:decorator="templates/layout"
+    th:with="uri='/projects/typo.html'"
     >
   <head>
     <title>Typography</title>
     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
   </head>
   <body onload="prettyPrint()">
-    <ol layout:fragment="breadcrumb">
-      <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
-      <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
-      <li class="b"><strong class="b">Typography</strong></li>
-    </ol>
-    <ul layout:fragment="submenu">
-      <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-      <li class="s sub"><a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
-      <li class="s"><a href="#" class="s">jquery.openx</a></li>
-      <li class="s"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
-      <li class="s sub"><a href="#" class="s">accelerator</a></li>
-      <li class="s"><strong class="s">Typography</strong></li>
-    </ul>
     <article layout:fragment="maincontent">
       <header><h1>Typography</h1></header>
       <p>
index 128bbf6..0fb2b01 100644 (file)
@@ -3,6 +3,7 @@
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:th="http://www.thymeleaf.org"
     xmlns:layout="http://www.thymeleaf.org"
+    juplo:variables="templates/variables"
     >
   <head th:fragment="head" layout:fragment="head">
     <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
       <link rel="stylesheet" type="text/css" href="../../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
     <![endif]-->
   </head>
-  <body id="top" class="menu" th:class="${contentclass}?:'menu'" onload="prettyPrint()">
+  <body
+      th:with="crumbs=${crumbs.get(uri)}"
+      id="top"
+      class="menu"
+      th:class="${contentclass}?:'menu'"
+      onload="prettyPrint()"
+      >
     <div id="page" class="cf">
       <header id="header">
         <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
       <div id="breadcrumb">
         <strong class="b title">You are here:</strong>
         <ol class="b" layout:fragment="breadcrumb">
+          <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
+          <li class="b" th:each="crumb: ${crumbs}">
+            <a class="b" href="../../projects.html" th:href="@{${crumb.uri}}" th:text="${crumb.name}">Projects</a>
+          </li>
           <!--/*-->
-          <li class="b"><a class="b" href="#">Home</a></li>
-          <li class="b"><a class="b" href="#">Projects</a></li>
-          <li class="b"><a class="b" href="#">Fix SWF</a></li>
+          <li class="b"><strong class="b" th:text="${title}"">Fix SWF</strong></li>
           <!--*/-->
-          <li class="b"><strong class="b">BREADCRUMB</strong></li>
         </ol>
         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
         <hr class="b" />
           </div>
         </article>
         <div class="marginal">
-          <nav id="nav" layout:fragment="navigation">
+          <nav id="nav"
+              layout:fragment="navigation"
+              th:with="section=${crumbs != null ? crumbs[0] : null}"
+              >
             <hr class="n"/>
             <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
             <h1 class="nav">Navigation</h1>
             <h2 class="nav menu">Section-Menu</h2>
             <ul id="menu" class="cf">
-              <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
-              <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m selected">Projects</a></li>
-              <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+              <li class="m blog" th:each="entry : ${menu}" th:class="'m ' + ${entry.key}">
+                <a href="../blog.html" th:href="@{/__${entry.key}__.html}" class="m" th:class="${('/' + entry.key + '.html') == section.uri} ? 'm selected' : 'm'" th:text="${entry.value}">Blog</a>
+              </li>
+              <!--/*-->
+              <li class="m projects"><a href="../projects" class="m selected">Projects</a></li>
+              <li class="m about"><a href="../about.html" class="m">About</a></li>
+              <!--*/-->
             </ul>
             <h2 class="nav submenu">
               <span class="s">Submenu for section</span>
-              <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
+              <a class="s selected" href="../projects.html" th:href="@{${section.uri}}" th:text="${section.name}">Projects</a>
             </h2>
-            <ul id="submenu" class="s" layout:fragment="submenu">
-              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-              <li class="s sub">
-                <a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
-                <ul class="s active">
-                  <li class="s"><strong class="s">Overview</strong></li>
-                  <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
+            <ul layout:fragment="submenu"
+                th:with="parent=${(crumbs.size() == 2 and submenu.get(uri)['childs'] == null) ? crumbs[0].uri : null}, pos=1"
+                id="submenu"
+                class="s"
+                >
+              <li th:fragment="submenu(submenu, parent, pos)"
+                  th:each="entry : ${submenu}"
+                  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']}
+                      "
+                  class="s sub"
+                  th:class="'s' + (${childs} ? ' sub' : '') + (${selected or last 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}"
+                    >fix-swf</a>
+                <ul th:if="${selected and childs != null}"
+                    class="s active"
+                    th:class="${selected} ? 's active' : 's'"
+                    >
+                  <li th:replace="templates/layout :: submenu(submenu=${childs}, parent=${entry.key}, pos=${pos + 1})"
+                      class="s"
+                      >
+                    <strong class="s">Overview</strong>
+                  </li>
+                  <!--/*-->
+                  <li class="s"><a href="../projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
                   <li class="s"><a href="#" class="s">FAQ</a></li>
                   <li class="s"><a href="#" class="s">Documentation</a></li>
+                  <!--*/-->
                 </ul>
               </li>
+              <!--/*-->
+              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
               <li class="s off"><a href="#" class="s">jquery.openx</a></li>
               <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
               <li class="s sub off"><a href="#" class="s">accelerator</a></li>
               <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
+              <!--*/-->
             </ul>
             <hr class="n"/>
           </nav>
diff --git a/dist/thymeleaf/templates/variables.json b/dist/thymeleaf/templates/variables.json
new file mode 100644 (file)
index 0000000..2825cbe
--- /dev/null
@@ -0,0 +1,186 @@
+{
+  "crumbs": {
+    "/projects.html": [
+      { "uri": "/projects.html", "name": "Projects" }
+    ],
+    "/projects/fix-swf.html": [
+      { "uri": "/projects.html", "name": "Projects" },
+      { "uri": "/projects/fix-swf.html", "name": "Fix SWF" }
+    ],
+    "/projects/fix-swf/overview.html": [
+      { "uri": "/projects.html", "name": "Projects" },
+      { "uri": "/projects/fix-swf.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.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" }
+    ]
+  },
+  "menu": {
+    "blog": "Blog",
+    "projects": "Projects",
+    "about": "About"
+  },
+  "submenu": {
+    "#": { "name": "hibernate4-maven-plugin" },
+    "/projects/fix-swf.html": {
+      "name": "Fix SWF",
+      "childs": {
+        "/projects/fix-swf/overview.html": { "name": "Overview" },
+        "/projects/fix-swf/getting-started.html": { "name": "Getting Started" },
+        "#": { "name": "FAQ" },
+        "#": { "name": "Documentation" }
+      }
+    },
+    "#": { "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)" }
+      }
+    },
+    "#": { "name": "accelerator" },
+    "/projects/typo.html": { "name": "Typography" }
+  }
+}