<!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 sehr kleine Bildschirmgrößen', uri='/potemkin/html-experimente/tiny.html'"
- >
- <head layout:fragment="head">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
<title>HTML-Experimente - Layout TINY</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
- <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/tiny.css" th:href="@{/css/tiny.css}"/>
- <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
+ <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/tiny.css" th:href="@{/css/tiny.css}"/>
</head>
- <body>
- <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
+ <body th:replace="~{/templates/layout.html :: body(
+ uri='/potemkin/html-experimente/tiny.html',
+ title=~{:: title},
+ maincontent=~{:: .maincontent},
+ marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
+ <main class="maincontent">
+ <header><h1>Layout für sehr kleine Bildschirmgrößen</h1></header>
+ <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
+ </main>
+ <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
MARGINAL-CONTENT
</aside>
</body>