juplo.de Git - website/blob - src/main/webapp/thymeleaf/templates/defaults.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
   3   <head tiles:fragment="htmlhead">
   4     <title th:text="'juplo - ' + ${title}">juplo - STANDARDELEMENTE</title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   6     <meta name="viewport" content="width=device-width, initial-scale=1" />
   7     <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/all.less" th:href="@{/css/base.css}"/>
   8     <style type="text/css" th:inline="text">
   9       @import '[[@{/css/screen.css}]]' screen;
  10       @import '[[@{/css/print.css}]]' print;
  11     </style>
  12     <script src="../../js/base.js" th:src="@{/js/base.js}"></script>
  13     <script src="../../js/less-1.5.1.js" th:remove="all"></script>
  14   </head>
  15   <body>
  16     <h1 id="logo" tiles:fragment="header"><a href="${base}" title="Home" class="l">juplo</a></h1>
  17     <article id="content" class="main" tiles:fragment="maincontent">
  18       <p>
  19         <strong>Lorem ipsum</strong> dolor <a href="#" th:href="@{/projects/typo.html}">sit amet</a>, consectetur adipisicing elit, sed do
  20         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  21         ad minim veniam, quis nostrud <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a> ullamco laboris nisi ut
  22         aliquip ex ea commodo consequat. Duis aute irure dolor in
  23         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  24         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  25         culpa qui officia deserunt mollit anim id est laborum.
  26       </p>
  27       <h2>Duis aute irure dolor</h2>
  28       <ul>
  29         <li>Operators and other mathematical stuff: -+/*</li>
  30         <li>Characters offten used in programming languages: {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~</li>
  31         <li>Special german characters: ÄäÖöÜü</li>
  32         <li>Other special characters: @?¢§%°</li>
  33       </ul>
  34       <h2>Excepteur sint occaecat cupidatat</h2>
  35       <p>
  36         Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
  37         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  38         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  39         aliquip ex ea commodo consequat. Duis aute irure dolor in
  40         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  41         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  42         culpa qui officia deserunt mollit anim id est laborum.
  43       </p>
  44       <p>
  45         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  46         eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
  47         ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
  48         aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
  49         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  50         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  51         culpa qui officia deserunt mollit anim id est laborum.
  52       </p>
  53     </article>
  54     <ul id="footerlinks" tiles:fragment="footer">
  55       <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
  56       <li class="f"><a class="f" href="#" th:href="@{/impressum.html}">Impressum</a></li>
  57       <li class="f about"><a class="f" href="#" th:href="@{/about.html}">About</a></li>
  58     </ul>
  59   </body>
  60 </html>