Beispiel für das Überschreiben der Menüstruktur mit juplo:variables

[website] / dist / projects.html
diff --git a/dist/projects.html b/dist/projects.html

index 2f81dc2..b0a8cc7 100644 (file)
--- a/dist/projects.html
+++ b/dist/projects.html
@@ -2,20 +2,38 @@
  <html
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:layout="http://www.thymeleaf.org"
-    layout:decorator="templates/layout"
+    layout:decorator="/templates/layout.html"
      th:with="title='Projects', uri='/projects.html'"
      >
    <head>
      <title>Projects</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>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link rel="stylesheet/less" type="text/css" href="less/base.less"/>
+    <link rel="stylesheet/less" type="text/css" href="less/screen.less" media="screen"/>
+    <link rel="stylesheet/less" type="text/css" href="less/print.less" media="print"/>
+    <script src="js/less-1.7.0.min.js"></script>
      <!--*/-->
    </head>
-  <body>
+  <body juplo:variables='merge:{"pages":{
+    "/projects.html": {
+      "name": "Projects",
+      "childs": {
+        "#hibernate4-maven-plugin": "Hibernate 4 Maven Plugin",
+        "/projects/accelerator.html": "accelerator!",
+        "/projects/html-experimente.html": "HTML-Experimente",
+        "/projects/fix-swf/overview.html": "Fix SWF",
+        "/projects/typo.html": "Typography"
+      },
+      "crumbs": [
+        { "uri": "/projects.html", "name": "Projects" }
+      ]
+    },
+    "/projects/accelerator.html": {
+      "name": "Overview",
+      "childs": {}
+    }
+}}'>
     <h1>Projects - DUMMY</h1>
    </body>
  </html>