juplo.de Git - website/blob - dist/thymeleaf/templates/layout.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:th="http://www.thymeleaf.org"
   5     xmlns:layout="http://www.thymeleaf.org"
   6     >
   7   <head th:fragment="head" layout:fragment="head">
   8     <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
   9     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10     <meta name="viewport" content="width=device-width, initial-scale=1" />
  11     <link rel="stylesheet" type="text/css" href="../../css/base.min.css" th:href="@{/css/base.min.css}"/>
  12     <style type="text/css" th:remove="all">
  13       @import '../../css/screen.min.css' screen;
  14       @import '../../css/print.min.css' print;
  15     </style>
  16     <style type="text/css" th:inline="text">
  17       @import '[[@{/css/screen.min.css}]]' screen;
  18       @import '[[@{/css/print.min.css}]]' print;
  19     </style>
  20     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
  21     <!--[if lt IE 9]>
  22       <script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
  23     <![endif]-->
  24     <!--[if IE 8]>
  25       <link rel="stylesheet" type="text/css" href="../../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
  26     <![endif]-->
  27   </head>
  28   <body id="top" class="menu" th:class="${contentclass}?:'menu'" onload="prettyPrint()">
  29     <div id="page" class="cf">
  30       <header id="header">
  31         <h1 id="logo" layout:fragment="header"><a href="../index.html" th:href="@{/}" title="Home" class="l">juplo</a></h1>
  32         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
  33         <hr class="h" />
  34       </header>
  35       <div id="breadcrumb">
  36         <strong class="b title">You are here:</strong>
  37         <ol class="b" layout:fragment="breadcrumb">
  38           <!--/*-->
  39           <li class="b"><a class="b" href="#">Home</a></li>
  40           <li class="b"><a class="b" href="#">Projects</a></li>
  41           <li class="b"><a class="b" href="#">Fix SWF</a></li>
  42           <!--*/-->
  43           <li class="b"><strong class="b">BREADCRUMB</strong></li>
  44         </ol>
  45         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
  46         <hr class="b" />
  47       </div>
  48       <main class="content cf">
  49         <article id="content" class="main" layout:fragment="maincontent" th:class="'main'">
  50           <header><h1 th:text="${title}">juplo - BASISTEMPLATE</h1></header>
  51           <div th:fragment="maincontent">
  52             <p>
  53               <strong>Lorem ipsum</strong> dolor
  54               <a href="../projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
  55               consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  56               labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  57               <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a>
  58               ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
  59               irure dolor in reprehenderit in voluptate velit esse cillum dolore
  60               eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  61               proident, sunt in culpa qui officia deserunt mollit anim id est
  62               laborum.
  63             </p>
  64             <h2>Duis aute irure dolor</h2>
  65             <ul>
  66               <li>Operators and other mathematical stuff: -+/*</li>
  67               <li>
  68                 Characters offten used in programming languages:
  69                 {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~
  70               </li>
  71               <li>Special german characters: ÄäÖöÜü</li>
  72               <li>Other special characters: @?¢§%°</li>
  73             </ul>
  74             <h2>Excepteur sint occaecat cupidatat</h2>
  75             <p>
  76               Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
  77               sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  78               Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
  79               nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
  80               reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  81               pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  82               culpa qui officia deserunt mollit anim id est laborum.
  83             </p>
  84             <p>
  85               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  86               eiusmod tempor incididunt ut labore et dolore magna aliqua.
  87               <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
  88               ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
  89               Duis aute irure dolor in reprehenderit in voluptate velit esse
  90               cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
  91               cupidatat non proident, sunt in culpa qui officia deserunt mollit
  92               anim id est laborum.
  93             </p>
  94           </div>
  95         </article>
  96         <div class="marginal">
  97           <nav id="nav" layout:fragment="navigation">
  98             <hr class="n"/>
  99             <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
 100             <h1 class="nav">Navigation</h1>
 101             <h2 class="nav menu">Section-Menu</h2>
 102             <ul id="menu" class="cf">
 103               <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
 104               <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m selected">Projects</a></li>
 105               <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
 106             </ul>
 107             <h2 class="nav submenu">
 108               <span class="s">Submenu for section</span>
 109               <a class="s selected" href="../projects.html" th:href="@{/projects.html}">Projects</a>
 110             </h2>
 111             <ul id="submenu" class="s" layout:fragment="submenu">
 112               <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
 113               <li class="s sub">
 114                 <a href="../projects/fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s selected">fix-swf</a>
 115                 <ul class="s active">
 116                   <li class="s"><strong class="s">Overview</strong></li>
 117                   <li class="s"><a href="../projects/fix-swf/getting-started.html" th:href="@{/projects/fix-swf/getting-started.html}" class="s">Getting Started</a></li>
 118                   <li class="s"><a href="#" class="s">FAQ</a></li>
 119                   <li class="s"><a href="#" class="s">Documentation</a></li>
 120                 </ul>
 121               </li>
 122               <li class="s off"><a href="#" class="s">jquery.openx</a></li>
 123               <li class="s sub off"><a href="../projects/html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
 124               <li class="s sub off"><a href="#" class="s">accelerator</a></li>
 125               <li class="s off"><a href="../projects/typo.html" th:href="@{/projects/typo.html}" class="s">Typography</a></li>
 126             </ul>
 127             <hr class="n"/>
 128           </nav>
 129           <aside class="m" layout:fragment="marginalcontent" th:remove="tag">
 130           <!--/* the following  is only visible during natural templating -->
 131             <h1>Other nasty but marginal stuff</h1>
 132             <p>
 133               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
 134               eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
 135               ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 136               aliquip ex ea commodo consequat. Duis aute irure dolor in
 137               reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 138               pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 139               culpa qui officia deserunt mollit anim id est laborum.
 140             </p>
 141           </aside>
 142           <aside class="m">
 143             <h1>More nasty stuff</h1>
 144             <p>
 145               This one is really short!
 146             </p>
 147           <!--*/-->
 148           </aside>
 149         </div>
 150       </main>
 151       <footer id="footer">
 152         <hr class="f" />
 153         <ul id="footerlinks" layout:fragment="footer">
 154           <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
 155           <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
 156           <li class="f about"><a class="f" href="../about.html" th:href="@{/about.html}">About</a></li>
 157         </ul>
 158       </footer>
 159     </div>
 160   </body>
 161 </html>