juplo.de Git - website/blob - 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>