<!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="uri='/potemkin/html-experimente.html'"
+ th:replace="~{/templates/layout.html :: layout(
+ uri='/potemkin/html-experimente.html',
+ title=~{:: title},
+ maincontent=~{:: .maincontent},
+ marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
>
<head>
- <title>HTML-Experimente</title>
+ <title id="title">HTML-Experimente</title>
<!--/*-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
- <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
- <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
- <script src="../js/less-1.7.0.min.js"></script>
+ <link rel="stylesheet" type="text/css" href="../css/base.css"/>
+ <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
+ <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
<!--*/-->
</head>
<body>
- <article class="main" layout:fragment="maincontent">
+ <div>
+ <h1>HTML-Elemente / spezielle Seiten</h1>
+ <h2>Die Templates</h2>
+ <ul>
+ <li><a href="templates/layout.html">Layout</a> - Das Layout für juplo.de</li>
+ <li><a href="templates/fragments.html">Fragmente</a> Auf mehreren Seiten verwendete Inhalte</li>
+ <li><a href="templates/404.html">404-Fehlerseite</a></li>
+ <li><a href="templates/error.html">5xx-Fehlerseite</a></li>
+ <li><a href="templates/testlab.html">Testlab</a> Testseite für die Skalierung auf untrschiedliche Seitenbreiten</li>
+ </ul>
+ </div>
+ <article class="maincontent">
<header><h1>HTML-Elemente / spezielle Seiten</h1></header>
+ <h2>Seiten zum Testen gerenderter Inhalte</h2>
<ul>
<li><a href="html-experimente/formulare.html" th:href="@{/potemkin/html-experimente/formulare.html}">Formulare</a></li>
<li><a href="html-experimente/symbole.html" th:href="@{/potemkin/html-experimente/symbole.html}">Symbol-Font</a></li>
- <li><a href="../templates/404.html" th:href="@{/404.html}">404-Template</a></li>
+ <li><a href="templates/404.html" th:href="@{/404.html}">404-Template</a></li>
<li><a href="html-experimente/gibts-ja-gar-nicht.html" th:href="@{/potemkin/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a></li>
- <li><a href="../templates/error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
+ <li><a href="templates/error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
<li><a href="html-experimente/error.html" th:href="@{/potemkin/html-experimente/error.html}">Fehlerseite für andere Fehler</a></li>
</ul>
<h2>Layout-Grenzfälle</h2>