3 xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:layout="http://www.thymeleaf.org"
5 layout:decorator="templates/layout"
6 th:with="uri='/projects/typo.html'"
9 <title>Typography</title>
11 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12 <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
13 <style type="text/css">
14 @import '../css/screen.min.css' screen;
15 @import '../css/print.min.css' print;
17 <script src="../js/prettify.js" th:src="@{/js/prettify.js}"></script>
20 <body onload="prettyPrint()">
21 <article layout:fragment="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>
54 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
55 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
56 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
57 aliquip ex ea commodo consequat. Duis aute irure dolor in
58 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
59 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
60 culpa qui officia deserunt mollit anim id est laborum.
64 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
65 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
66 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
67 aliquip ex ea commodo consequat. Duis aute irure dolor in
68 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
69 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
70 culpa qui officia deserunt mollit anim id est laborum.
74 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
75 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
76 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
77 aliquip ex ea commodo consequat. Duis aute irure dolor in
78 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
79 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
80 culpa qui officia deserunt mollit anim id est laborum.
84 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
85 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
86 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
87 aliquip ex ea commodo consequat. Duis aute irure dolor in
88 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
89 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
90 culpa qui officia deserunt mollit anim id est laborum.
92 <h1>Preformatted code</h1>
94 <em>Juplo Branding</em> uses
95 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
98 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
99 <groupId>ro.isdc.wro4j</groupId>
100 <artifactId>wro4j-maven-plugin</artifactId>
101 <version>${wro4j.version}</version>
102 <configuration>
103 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
104 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
105 </configuration>
108 <phase>package</phase>
110 <goal>run</goal>