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