layout-dialect ausgebaut: Thymeleaf 3.x erlaubt ähnliches mit Bordmitteln
[website] / dist / potemkin / html-experimente / breadcrumb.html
index 1c6c109..c36fc6c 100644 (file)
@@ -1,13 +1,10 @@
 <!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='Seite mit sehr langem Breadcrumb', uri='/potemkin/html-experimente/breadcrumb.html'"
+    th:replace="~{templates/layout :: layout(uri='/potemkin/html-experimente/breadcrumb.html', json='MERGE:/potemkin.json')}"
     >
   <head>
-    <title>HTML-Experimente - Langer Breadcrumb</title>
+    <title id="title">HTML-Experimente - Langer Breadcrumb</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
     <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
     <!--*/-->
   </head>
-  <body thymeproxy:variables="MERGE:potemkin.json">
-    <ol layout:fragment="breadcrumb">
+  <body>
+    <ol id="crumbs">
       <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
       <li class="b"><a class="b" href="../potemkin.html" th:href="@{/projects.html}">Projects</a></li>
       <li class="b"><a class="b" href="html-experimente.html" th:href="@{/potemkin/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>
+    <article class="maincontent">
+      <header><h1>Seite mit sehr langem Breadcrumb</h1></header>
+      <p>Eine Seite mit einem extrem langen Breadcrumb...</p>
+    </article>
   </body>
 </html>