juplo.de Git - website/blob - dist/thymeleaf/projects/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     >
   7   <head>
   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;
  13     </style>
  14     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
  15   </head>
  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>
  21     </ol>
  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>
  29     </ul>
  30     <article layout:fragment="maincontent">
  31       <header><h1>Typography</h1></header>
  32       <p>
  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.
  41       </p>
  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>
  45       <ul>
  46         <li>normal</li>
  47         <li><em>italic</em></li>
  48         <li><strong>bold</strong></li>
  49         <li><strong><em>bold italic</em></strong></li>
  50       </ul>
  51       <p>
  52         ÄäÖöÜüß@€¢
  53         <strong>ÄäÖöÜüß@€¢</strong>
  54         <em>ÄäÖöÜüß@€¢</em>
  55         <strong><em>ÄäÖöÜüß@€¢</em></strong>
  56       </p>
  57       <h1>H1: Heading</h1>
  58       <h2>H2: Heading</h2>
  59       <h3>H3: Heading</h3>
  60       <h4>H4: Heading</h4>
  61       <h1>H1: Heading</h1>
  62       <p>
  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.
  70       </p>
  71       <h2>H2: Heading</h2>
  72       <p>
  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.
  80       </p>
  81       <h3>H3: Heading</h3>
  82       <p>
  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.
  90       </p>
  91       <h4>H4: Heading</h4>
  92       <p>
  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.
 100       </p>
 101       <h1>Preformatted code</h1>
 102       <p>
 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
 105         syntax highlighting.
 106       </p>
 107       <pre class="prettyprint linenums"><code class="language-xml">&lt;plugin&gt;
 108   &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
 109   &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
 110   &lt;version&gt;${wro4j.version}&lt;/version&gt;
 111   &lt;configuration&gt;
 112     &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
 113     &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
 114   &lt;/configuration&gt;
 115   &lt;executions&gt;
 116     &lt;execution&gt;
 117       &lt;phase&gt;package&lt;/phase&gt;
 118       &lt;goals&gt;
 119         &lt;goal&gt;run&lt;/goal&gt;
 120       &lt;/goals&gt;
 121     &lt;/execution&gt;
 122   &lt;/executions&gt;
 123 &lt;/plugin&gt;
 124 </code></pre>
 125     </article>
 126   </body>
 127 </html>