Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf mit LayoutDialect

[website] / src / main / webapp / thymeleaf / projects / html-experimente / tablet.html
diff --git a/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html b/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html

new file mode 100644 (file)

index 0000000..25e714a
--- /dev/null
+++ b/src/main/webapp/thymeleaf/projects/html-experimente/tablet.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:layout="http://www.thymeleaf.org"
+    xmlns:th="http://www.thymeleaf.org"
+    layout:decorator="templates/layout"
+    th:with="title='Layout für Tablets'"
+    >
+  <head layout:fragment="head">
+    <title>HTML-Experimente - Layout TABLET</title>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
+    <script src="../../../js/less-1.5.1.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>
+  </body>
+</html>