layout-dialect ausgebaut: Thymeleaf 3.x erlaubt ähnliches mit Bordmitteln
[website] / dist / potemkin / html-experimente / seitenkopf.html
index 6216fa3..edb20b3 100644 (file)
@@ -1,19 +1,17 @@
 <!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='Nur das Basis-Layout und die Seitenaufteiltung', uri='/potemkin/html-experimente/seitenkopf.html'"
-    >
-  <head layout:fragment="head">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
     <title>HTML-Experimente - Basis-Layout &amp; Seitenkopf</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
   </head>
-  <body thymeproxy:variables="MERGE:potemkin.json">
-    <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+  <body th:replace="~{templates/layout :: body(uri='/potemkin/html-experimente/seitenkopf.html', json='MERGE:/potemkin.json')}">
+    <main class="maincontent">
+      <header><h1>Nur das Basis-Layout und der Seitenkopf</h1></header>
+      <strong th:replace="templates/layout :: maincontent">MAIN-CONTENT</strong>
+    </main>
+    <aside class="marginalcontent" th:replace="templates/fragments :: marginalcontent">
       MARGINAL-CONTENT
     </aside>
   </body>