<!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.html :: layout(
+ uri='/potemkin/html-experimente/breadcrumb.html',
+ title=~{:: title},
+ maincontent=~{:: .maincontent},
+ marginalcontent=~{:: .marginalcontent}, 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/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>
- <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="../../potemkin.html" th:href="@{/potemkin.html}">Projects</a></li>
- <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/potemkin/html-experimente.html}">HTML-Experimente</a></li>
+ <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="../projects.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>