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>
10 <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
11 <style type="text/css">
12 @import '../../css/screen.min.css' screen;
13 @import '../../css/print.min.css' print;
15 <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
17 <body onload="prettyPrint()">
18 <article layout:fragment="maincontent">
19 <header><h1>Typography</h1></header>
21 Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
22 sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
23 magna aliqua. Ut enim ad minim veniam, quis nostrud
24 <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
25 <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
26 in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
27 <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
28 sunt in culpa qui officia deserunt mollit anim id est laborum.
30 <h2>Ein Link <a href="#link">im Titel</a></h2>
31 <p>Ein Link <a href="#link">im Text</a>.</p>
32 <h2>Normal / Italic / Bold / Bold+Italic</h2>
35 <li><em>italic</em></li>
36 <li><strong>bold</strong></li>
37 <li><strong><em>bold italic</em></strong></li>
41 <strong>ÄäÖöÜüß@€¢</strong>
43 <strong><em>ÄäÖöÜüß@€¢</em></strong>
51 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
52 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
53 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
54 aliquip ex ea commodo consequat. Duis aute irure dolor in
55 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
56 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
57 culpa qui officia deserunt mollit anim id est laborum.
61 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
62 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
63 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
64 aliquip ex ea commodo consequat. Duis aute irure dolor in
65 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
66 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
67 culpa qui officia deserunt mollit anim id est laborum.
71 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
72 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
73 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
74 aliquip ex ea commodo consequat. Duis aute irure dolor in
75 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
76 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
77 culpa qui officia deserunt mollit anim id est laborum.
81 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
82 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
83 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
84 aliquip ex ea commodo consequat. Duis aute irure dolor in
85 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
86 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
87 culpa qui officia deserunt mollit anim id est laborum.
89 <h1>Preformatted code</h1>
91 <em>Juplo Branding</em> uses
92 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
95 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
96 <groupId>ro.isdc.wro4j</groupId>
97 <artifactId>wro4j-maven-plugin</artifactId>
98 <version>${wro4j.version}</version>
100 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
101 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
102 </configuration>
105 <phase>package</phase>
107 <goal>run</goal>