Überschriftengrößen überarbeitet
[website] / src / main / webapp / thymeleaf / index.html
index 7f29820..d1ebe60 100644 (file)
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="contentclass='nomenu'"
+    >
   <head>
-    <title th:replace="views/index :: title">TITLE</title>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width"/>
+    <title>Home</title>
+    <link rel="stylesheet/less" type="text/css" href="../less/all.less" th:remove="all"/>
+    <script src="../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body>
-    <div th:replace="templates/header :: fragment">HEADER</div>
-    <h1 th:include="views/index :: title">TITLE</h1>
-    <div th:replace="views/index :: content">CONTENT</div>
-    <div th:replace="templates/footer :: fragment">FOOTER</div>
+    <ol layout:fragment="breadcrumb">
+      <li class="b"><strong class="b">Home</strong></li>
+    </ol>
+    <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
+    <nav layout:fragment="navigation">
+      <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">Projects</a></li>
+        <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
+      </ul>
+    </nav>
+    <main class="main" layout:fragment="maincontent">
+      <div class="pack bg cf">
+        <div class="p left">
+          <h1>hibernate4-maven-plugin</h1>
+          <p>
+            <strong>Lorem ipsum</strong> dolor
+            <a href="projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
+            consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            <a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}">exercitation</a>
+            ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+            irure dolor in reprehenderit in voluptate velit esse cillum dolore
+            eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+            proident, sunt in culpa qui officia deserunt mollit anim id est
+            laborum.
+          </p>
+        </div>
+        <div class="p right">
+          <h1>fix-swf</h1>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat.
+          </p>
+        </div>
+      </div>
+      <div class="single">
+        <h1>accelerator</h1>
+        <p>
+          Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+      </div>
+      <div class="pack bg cf">
+        <div class="p right">
+          <h1>jquery.openx</h1>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="p left">
+          <h1>Regex-Lab</h1>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+      </div>
+      <div class="pack cf">
+        <div class="p left">
+          <h1>jquery.openx</h1>
+          <p>
+            Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+        <div class="p right">
+          <h1>Regex-Lab</h1>
+          <p>
+            Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </p>
+        </div>
+      </div>
+    </main>
+    <div layout:fragment="marginalcontent">
+      <aside class="m">
+        <div class="widget widget_recent_entries">
+          <h1 class="widgettitle">Recent Posts</h1>
+          <ul>
+            <li>
+              <a href="blog/article.html" th:href="@{/blog/article.html}" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
+            </li>
+            <li>
+              <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
+            </li>
+            <li>
+              <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
+            </li>
+            <li>
+              <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
+            </li>
+            <li>
+              <a href="blog/comments.html" th:href="@{/blog/comments.html}" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
+            </li>
+          </ul>
+        </div>
+      </aside>
+    </div>
   </body>
 </html>