Ergänzungen der Datenschutzerklärung zur Einführung der DSVGO
[website] / dist / thymeleaf / potemkin / typo.html
1 <!DOCTYPE html>
2 <html
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'"
7     >
8   <head>
9     <title>Typography</title>
10     <!--/*-->
11     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
12     <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
13     <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
14     <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
15     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
16     <!--*/-->
17   </head>
18   <body onload="prettyPrint()" thymeproxy:variables="MERGE:/thymeleaf/potemkin.json">
19     <article layout:fragment="maincontent">
20       <header><h1>Typography</h1></header>
21       <p>
22         Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
23         sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
24         magna aliqua. Ut enim ad minim veniam, quis nostrud
25         <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
26         <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
27         in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
28         <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
29         sunt in culpa qui officia deserunt mollit anim id est laborum.
30       </p>
31       <h2>Ein Link <a href="#link">im Titel</a></h2>
32       <p>Ein Link <a href="#link">im Text</a>.</p>
33       <h2>Normal / Italic / Bold / Bold+Italic</h2>
34       <ul>
35         <li>normal</li>
36         <li><em>italic</em></li>
37         <li><strong>bold</strong></li>
38         <li><strong><em>bold italic</em></strong></li>
39       </ul>
40       <p>
41         ÄäÖöÜüß@€¢
42         <strong>ÄäÖöÜüß@€¢</strong>
43         <em>ÄäÖöÜüß@€¢</em>
44         <strong><em>ÄäÖöÜüß@€¢</em></strong>
45       </p>
46       <h1>H1: Heading</h1>
47       <h2>H2: Heading</h2>
48       <h3>H3: Heading</h3>
49       <h4>H4: Heading</h4>
50       <h1>H1: Heading</h1>
51       <p>
52         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
53         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
54         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
55         aliquip ex ea commodo consequat. Duis aute irure dolor in
56         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
57         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
58         culpa qui officia deserunt mollit anim id est laborum.
59       </p>
60       <h2>H2: Heading</h2>
61       <p>
62         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
63         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
64         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
65         aliquip ex ea commodo consequat. Duis aute irure dolor in
66         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
67         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
68         culpa qui officia deserunt mollit anim id est laborum.
69       </p>
70       <h3>H3: Heading</h3>
71       <p>
72         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
73         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
74         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
75         aliquip ex ea commodo consequat. Duis aute irure dolor in
76         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
77         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
78         culpa qui officia deserunt mollit anim id est laborum.
79       </p>
80       <h4>H4: Heading</h4>
81       <p>
82         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
83         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
84         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
85         aliquip ex ea commodo consequat. Duis aute irure dolor in
86         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
87         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
88         culpa qui officia deserunt mollit anim id est laborum.
89       </p>
90       <h1>Preformatted code</h1>
91       <p>
92         <em>Juplo Branding</em> uses
93         <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
94         syntax highlighting.
95       </p>
96       <pre class="prettyprint linenums"><code class="language-xml">&lt;plugin&gt;
97   &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
98   &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
99   &lt;version&gt;${wro4j.version}&lt;/version&gt;
100   &lt;configuration&gt;
101     &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
102     &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
103   &lt;/configuration&gt;
104   &lt;executions&gt;
105     &lt;execution&gt;
106       &lt;phase&gt;package&lt;/phase&gt;
107       &lt;goals&gt;
108         &lt;goal&gt;run&lt;/goal&gt;
109       &lt;/goals&gt;
110     &lt;/execution&gt;
111   &lt;/executions&gt;
112 &lt;/plugin&gt;
113 </code></pre>
114     </article>
115   </body>
116 </html>