3 xmlns="http://www.w3.org/1999/xhtml"
4 th:replace="~{/templates/layout.html :: layout(
5 uri='/potemkin/typo.html',
7 maincontent=~{:: .maincontent},
8 marginalcontent=~{:: .marginalcontent}, json='MERGE:potemkin.json')}"
11 <title id="title">Typography</title>
13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
14 <link rel="stylesheet" type="text/css" href="../css/base.css"/>
15 <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
16 <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
17 <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
20 <body onload="prettyPrint()">
21 <article class="maincontent">
22 <header><h1>Typography</h1></header>
24 Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
25 sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
26 magna aliqua. Ut enim ad minim veniam, quis nostrud
27 <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
28 <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
29 in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
30 <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
31 sunt in culpa qui officia deserunt mollit anim id est laborum.
33 <h2>Ein Link <a href="#link">im Titel</a></h2>
34 <p>Ein Link <a href="#link">im Text</a>.</p>
35 <h2>Normal / Italic / Bold / Bold+Italic</h2>
38 <li><em>italic</em></li>
39 <li><strong>bold</strong></li>
40 <li><strong><em>bold italic</em></strong></li>
44 <strong>ÄäÖöÜüß@€¢</strong>
46 <strong><em>ÄäÖöÜüß@€¢</em></strong>
50 <strong>AÄaäOÖoöUÜuüß@€¢</strong>
51 <em>AÄaäOÖoöUÜuüß@€¢</em>
52 <strong><em>AÄaäOÖoöUÜuüß@€¢</em></strong>
60 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
61 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
62 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
63 aliquip ex ea commodo consequat. Duis aute irure dolor in
64 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
65 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
66 culpa qui officia deserunt mollit anim id est laborum.
70 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
71 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
72 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
73 aliquip ex ea commodo consequat. Duis aute irure dolor in
74 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
75 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
76 culpa qui officia deserunt mollit anim id est laborum.
80 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
81 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
82 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
83 aliquip ex ea commodo consequat. Duis aute irure dolor in
84 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
85 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
86 culpa qui officia deserunt mollit anim id est laborum.
90 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
91 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
92 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
93 aliquip ex ea commodo consequat. Duis aute irure dolor in
94 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
95 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
96 culpa qui officia deserunt mollit anim id est laborum.
98 <h1>Preformatted code</h1>
100 <em>Juplo Branding</em> uses
101 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
104 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
105 <groupId>ro.isdc.wro4j</groupId>
106 <artifactId>wro4j-maven-plugin</artifactId>
107 <version>${wro4j.version}</version>
108 <configuration>
109 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
110 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
111 </configuration>
114 <phase>package</phase>
116 <goal>run</goal>