<!DOCTYPE html>
<html
xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- th:with="uri='/potemkin/typo.html'"
+ th:replace="~{/templates/layout.html :: layout(
+ uri='/potemkin/typo.html',
+ title=~{:: title},
+ maincontent=~{:: .maincontent},
+ marginalcontent=~{:: .marginalcontent}, json='MERGE:potemkin.json')}"
>
<head>
- <title>Typography</title>
+ <title id="title">Typography</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"/>
+ <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"/>
<script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
- <script src="../js/less-1.7.0.min.js"></script>
<!--*/-->
</head>
<body onload="prettyPrint()">
- <article layout:fragment="maincontent">
+ <article class="maincontent">
<header><h1>Typography</h1></header>
<p>
Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
<em>ÄäÖöÜüß@€¢</em>
<strong><em>ÄäÖöÜüß@€¢</em></strong>
</p>
+ <h1>
+ AÄaäOÖoöuÜuüß@€¢
+ <strong>AÄaäOÖoöUÜuüß@€¢</strong>
+ <em>AÄaäOÖoöUÜuüß@€¢</em>
+ <strong><em>AÄaäOÖoöUÜuüß@€¢</em></strong>
+ </h1>
<h1>H1: Heading</h1>
<h2>H2: Heading</h2>
<h3>H3: Heading</h3>