juplo.de Git - website/blob - src/main/webapp/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/less" type="text/css" href="../../less/all.less" th:remove="all"/>
  10     <script src="../../js/less-1.5.1.js" th:remove="all"></script>
  11   </head>
  12   <body>
  13     <ol layout:fragment="breadcrumb">
  14       <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
  15       <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
  16       <li class="b"><strong class="b">Typography</strong></li>
  17     </ol>
  18     <ul layout:fragment="submenu">
  19       <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  20       <li class="s sub"><a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
  21       <li class="s"><a href="#" class="s">jquery.openx</a></li>
  22       <li class="s"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
  23       <li class="s sub"><a href="#" class="s">accelerator</a></li>
  24       <li class="s"><strong class="s">Typography</strong></li>
  25     </ul>
  26     <article layout:fragment="maincontent">
  27       <header><h1>Typography</h1></header>
  28       <p>
  29         Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
  30         sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
  31         magna aliqua. Ut enim ad minim veniam, quis nostrud
  32         <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
  33         <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
  34         in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  35         <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
  36         sunt in culpa qui officia deserunt mollit anim id est laborum.
  37       </p>
  38       <h2>Ein Link <a href="#link">im Titel</a></h2>
  39       <p>Ein Link <a href="#link">im Text</a>.</p>
  40       <h2>Normal / Italic / Bold / Bold+Italic</h2>
  41       <ul>
  42         <li>normal</li>
  43         <li><em>italic</em></li>
  44         <li><strong>bold</strong></li>
  45         <li><strong><em>bold italic</em></strong></li>
  46       </ul>
  47       <p>
  48         ÄäÖöÜüß@€¢
  49         <strong>ÄäÖöÜüß@€¢</strong>
  50         <em>ÄäÖöÜüß@€¢</em>
  51         <strong><em>ÄäÖöÜüß@€¢</em></strong>
  52       </p>
  53       <h1>H1: Heading</h1>
  54       <h2>H2: Heading</h2>
  55       <h3>H3: Heading</h3>
  56       <h4>H4: Heading</h4>
  57       <h1>H1: Heading</h1>
  58       <p>
  59         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  60         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  61         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  62         aliquip ex ea commodo consequat. Duis aute irure dolor in
  63         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  64         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  65         culpa qui officia deserunt mollit anim id est laborum.
  66       </p>
  67       <h2>H2: Heading</h2>
  68       <p>
  69         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  70         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  71         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  72         aliquip ex ea commodo consequat. Duis aute irure dolor in
  73         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  74         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  75         culpa qui officia deserunt mollit anim id est laborum.
  76       </p>
  77       <h3>H3: Heading</h3>
  78       <p>
  79         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  80         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  81         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  82         aliquip ex ea commodo consequat. Duis aute irure dolor in
  83         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  84         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  85         culpa qui officia deserunt mollit anim id est laborum.
  86       </p>
  87       <h4>H4: Heading</h4>
  88       <p>
  89         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  90         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  91         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  92         aliquip ex ea commodo consequat. Duis aute irure dolor in
  93         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  94         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  95         culpa qui officia deserunt mollit anim id est laborum.
  96       </p>
  97       <h1>Preformatted code</h1>
  98       <p>
  99         <em>Juplo Branding</em> uses
 100         <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
 101         syntax highlighting.
 102       </p>
 103       <pre class="prettyprint linenums"><code class="language-xml">
 104 &lt;plugin&gt;
 105   &lt;groupId&gt;ro.isdc.wro4j&lt;/groupId&gt;
 106   &lt;artifactId&gt;wro4j-maven-plugin&lt;/artifactId&gt;
 107   &lt;version&gt;${wro4j.version}&lt;/version&gt;
 108   &lt;configuration&gt;
 109     &lt;wroManagerFactory&gt;ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory&lt;/wroManagerFactory&gt;
 110     &lt;cssDestinationFolder&gt;${project.build.directory}/${project.build.finalName}/css/&lt;/cssDestinationFolder&gt;
 111   &lt;/configuration&gt;
 112   &lt;executions&gt;
 113     &lt;execution&gt;
 114       &lt;phase&gt;package&lt;/phase&gt;
 115       &lt;goals&gt;
 116         &lt;goal&gt;run&lt;/goal&gt;
 117       &lt;/goals&gt;
 118     &lt;/execution&gt;
 119   &lt;/executions&gt;
 120 &lt;/plugin&gt;
 121 </code></pre>
 122     </article>
 123   </body>
 124 </html>