Umstellung auf Thymeleaf: Schritt 3 - Versucht, das Projet umzustellen

[website] / src / main / webapp / thymeleaf / views / index.html
diff --git a/src/main/webapp/thymeleaf/views/index.html b/src/main/webapp/thymeleaf/views/index.html

index 101bdb8..cd36610 100644 (file)
--- a/src/main/webapp/thymeleaf/views/index.html
+++ b/src/main/webapp/thymeleaf/views/index.html
@@ -4,8 +4,49 @@
      <title tiles:fragment="title">Index</title>
    </head>
    <body>
-    <div tiles:fragment="content">
-      <p>Inhalt der Index-Seite...</p>
+    <div tiles:fragment="header"><a href="#" title="Home" class="l">juplo</a></div>
+    <ul tiles:fragment="breadcrumb">
+      <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+      <li class="b"><a class="b" href="${base}projects.html">Projects</a></li>
+      <li class="b"><a class="b" href="${base}projects/fix-swf.html">Fix SWF</a></li>
+      <li class="b"><strong class="b">Overview</strong></li>
+    </ul>
+    <div tiles:fragment="navigation">
+      <h1 class="nav">Navigation</h1>
+      <h2 class="nav menu">Section-Menu</h2>
+      <ul id="menu" class="cf">
+        <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
+        <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
+        <li class="m about"><a href="${base}about.html" class="m">About</a></li>
+      </ul>
+      <h2 class="nav submenu">
+        <span class="s">Submenu for section</span>
+        <a class="s selected" href="${base}projects.html">Projects</a>
+      </h2>
+      <ul id="submenu" class="s">
+        <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+        <li class="s sub">
+          <a href="${base}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="${base}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 off"><a href="${base}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="${base}projects/typo.html" class="s">Typography</a></li>
+      </ul>
      </div>
+    <main id="content" class="main" tiles:fragment="maincontent">
+      <p>Inhalt der Index-Seite...</p>
+    </main>
+    <ul tiles:fragment="footer">
+      <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+      <li class="f"><a class="f" href="${base}impressum.html">Impressum</a></li>
+      <li class="f about"><a class="f" href="${base}about.html">About</a></li>
+    </ul>
    </body>
  </html>