3 xmlns="http://www.w3.org/1999/xhtml"
4 xmlns:layout="http://www.thymeleaf.org"
5 layout:decorator="templates/layout"
8 <title>Typography</title>
9 <link rel="stylesheet" type="text/css" href="../../css/base.min.css"/>
10 <style type="text/css">
11 @import '../../css/screen.min.css' screen;
12 @import '../../css/print.min.css' print;
14 <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
16 <body onload="prettyPrint()">
17 <ol layout:fragment="breadcrumb">
18 <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
19 <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
20 <li class="b"><strong class="b">Typography</strong></li>
22 <ul layout:fragment="submenu">
23 <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
24 <li class="s sub"><a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
25 <li class="s"><a href="#" class="s">jquery.openx</a></li>
26 <li class="s"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
27 <li class="s sub"><a href="#" class="s">accelerator</a></li>
28 <li class="s"><strong class="s">Typography</strong></li>
30 <article layout:fragment="maincontent">
31 <header><h1>Typography</h1></header>
33 Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
34 sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
35 magna aliqua. Ut enim ad minim veniam, quis nostrud
36 <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
37 <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
38 in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
39 <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
40 sunt in culpa qui officia deserunt mollit anim id est laborum.
42 <h2>Ein Link <a href="#link">im Titel</a></h2>
43 <p>Ein Link <a href="#link">im Text</a>.</p>
44 <h2>Normal / Italic / Bold / Bold+Italic</h2>
47 <li><em>italic</em></li>
48 <li><strong>bold</strong></li>
49 <li><strong><em>bold italic</em></strong></li>
53 <strong>ÄäÖöÜüß@€¢</strong>
55 <strong><em>ÄäÖöÜüß@€¢</em></strong>
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.
93 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
94 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
95 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
96 aliquip ex ea commodo consequat. Duis aute irure dolor in
97 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
98 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
99 culpa qui officia deserunt mollit anim id est laborum.
101 <h1>Preformatted code</h1>
103 <em>Juplo Branding</em> uses
104 <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
107 <pre class="prettyprint linenums"><code class="language-xml"><plugin>
108 <groupId>ro.isdc.wro4j</groupId>
109 <artifactId>wro4j-maven-plugin</artifactId>
110 <version>${wro4j.version}</version>
111 <configuration>
112 <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
113 <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
114 </configuration>
117 <phase>package</phase>
119 <goal>run</goal>