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>
50 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
51 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
52 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
53 aliquip ex ea commodo consequat. Duis aute irure dolor in
54 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
55 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
56 culpa qui officia deserunt mollit anim id est laborum.
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.
88 <h1>Preformatted code</h1>
90 <em>Juplo Branding</em> uses
91 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
94 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
95 <groupId>ro.isdc.wro4j</groupId>
96 <artifactId>wro4j-maven-plugin</artifactId>
97 <version>${wro4j.version}</version>
99 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
100 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
101 </configuration>
104 <phase>package</phase>
106 <goal>run</goal>