3 xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:layout="http://www.thymeleaf.org"
5 layout:decorator="/templates/layout"
6 th:with="uri='/potemkin/typo.html'"
9 <title>Typography</title>
11 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12 <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
13 <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
14 <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
15 <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
16 <script src="../../js/less-1.7.0.min.js"></script>
19 <body onload="prettyPrint()" thymeproxy:variables="MERGE:/thymeleaf/projects.json">
20 <article layout:fragment="maincontent">
21 <header><h1>Typography</h1></header>
23 Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
24 sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
25 magna aliqua. Ut enim ad minim veniam, quis nostrud
26 <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
27 <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
28 in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
29 <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
30 sunt in culpa qui officia deserunt mollit anim id est laborum.
32 <h2>Ein Link <a href="#link">im Titel</a></h2>
33 <p>Ein Link <a href="#link">im Text</a>.</p>
34 <h2>Normal / Italic / Bold / Bold+Italic</h2>
37 <li><em>italic</em></li>
38 <li><strong>bold</strong></li>
39 <li><strong><em>bold italic</em></strong></li>
43 <strong>ÄäÖöÜüß@€¢</strong>
45 <strong><em>ÄäÖöÜüß@€¢</em></strong>
53 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
54 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
55 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
56 aliquip ex ea commodo consequat. Duis aute irure dolor in
57 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
58 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
59 culpa qui officia deserunt mollit anim id est laborum.
63 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
64 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
65 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
66 aliquip ex ea commodo consequat. Duis aute irure dolor in
67 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
68 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
69 culpa qui officia deserunt mollit anim id est laborum.
73 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
74 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
75 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
76 aliquip ex ea commodo consequat. Duis aute irure dolor in
77 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
78 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
79 culpa qui officia deserunt mollit anim id est laborum.
83 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
84 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
85 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
86 aliquip ex ea commodo consequat. Duis aute irure dolor in
87 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
88 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
89 culpa qui officia deserunt mollit anim id est laborum.
91 <h1>Preformatted code</h1>
93 <em>Juplo Branding</em> uses
94 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
97 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
98 <groupId>ro.isdc.wro4j</groupId>
99 <artifactId>wro4j-maven-plugin</artifactId>
100 <version>${wro4j.version}</version>
101 <configuration>
102 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
103 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
104 </configuration>
107 <phase>package</phase>
109 <goal>run</goal>