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

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:th="http://www.thymeleaf.org"
   5     th:fragment="layout(uri,maincontent)"
   6     thymeproxy:variables="SET:sitemap.json"
   7     >
   8   <head>
   9     <meta charset="utf-8">
  10     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11     <meta name="viewport" content="width=device-width, initial-scale=1">
  12     <title th:replace="${title}">juplo - BASISTEMPLATE</title>
  13     <link rel="stylesheet" href="../css/juplo.css" th:href="@{/css/juplo.css}">
  14     <link rel="caononical" href="layout.html" th:replace="${scripts_head}?:~{}">
  15   </head>
  16   <body
  17       th:fragment="body(uri, maincontent, marginalcontent)"
  18       thymeproxy:variables="${json}"
  19       th:with="crumbs=${_crumbs.get(uri)}">
  20     <nav>
  21       <div class="section breadcrumb" aria-label="breadcrumbs">
  22         <ul>
  23           <li th:each="crumb: ${crumbs}" class="${uri == crumb}?'is_active':_">
  24             <a href="../index.html" th:href="@{${crumb}}" th:text="${_titles.get(crumb)}">Home</a></li>
  25           <!--/*-->
  26           <li class="is-active"><a href="#">Fix SWF</a></li>
  27           <!--*/-->
  28         </ul>
  29       </div>
  30       <div class="section">
  31         <ul th:with="
  32               len=${crumbs == null} ? 0 : ${crumbs.size()},
  33               parent=${crumbs == null} ? '' : ${crumbs[0]},
  34               submenu=${_childs.get(parent)},
  35               pos=1"
  36             id="navigation"
  37             class="s"
  38             th:class="'s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
  39           <li th:fragment="submenu(submenu, parent, pos)"
  40               th:each="entry : ${submenu}"
  41               th:with="
  42                   child=${pos == len},
  43                   selected=${!child and crumbs.get(pos) == entry},
  44                   sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
  45                   childs=${entry == parent ? null : _childs.get(entry)}
  46                   "
  47               class="s sub"
  48               th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
  49             <a  href="../potemkin/fix-swf/overview.html"
  50                 th:if="${entry != parent}"
  51                 th:href="@{${entry}}"
  52                 class="s selected"
  53                 th:class="${selected} ? 's selected' : 's'"
  54                 th:text="${_titles.get(entry)}">fix-swf</a>
  55             <ul th:if="${selected and childs != null}"
  56                 class="s active"
  57                 th:class="'s' + (${selected &amp;&amp; pos == crumbs.size()-1} ? ' active' : '') + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">
  58               <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
  59                   class="s">
  60                 <strong class="s">Overview</strong>
  61               </li>
  62               <!--/*-->
  63               <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
  64               <li class="s"><a href="#" class="s">FAQ</a></li>
  65               <li class="s"><a href="#" class="s">Documentation</a></li>
  66               <!--*/-->
  67             </ul>
  68           </li>
  69           <!--/*-->
  70           <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  71           <li class="s off"><a href="#" class="s">jquery.openx</a></li>
  72           <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
  73           <li class="s sub off"><a href="#" class="s">accelerator</a></li>
  74           <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
  75           <!--*/-->
  76         </ul>
  77       </div>
  78     </nav>
  79   </body>
  80 </html>