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     <div class="columns">
  21       <main class="column content" th:fragment="maincontent">
  22       </main>
  23       <nav class="column is-3 has-text-right">
  24         <a href="../index.html" th:href="@{/}" title="Home">
  25           <img src="/img/logo.svg" alt="juplo" class="logo">
  26         </a>
  27         <ul th:with="
  28               len=${crumbs == null} ? 0 : ${crumbs.size()},
  29               parent=${crumbs == null} ? '' : ${crumbs[0]},
  30               submenu=${_childs.get(parent)},
  31               pos=1"
  32             id="navigation"
  33             class="s mr-4"
  34             th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
  35           <li th:fragment="submenu(submenu, parent, pos)"
  36               th:each="entry : ${submenu}"
  37               th:with="
  38                   child=${pos == len},
  39                   selected=${!child and crumbs.get(pos) == entry},
  40                   leaf=${pos >= (len - 1) and not selected},
  41                   active=${entry == uri},
  42                   sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
  43                   childs=${entry == parent ? null : _childs.get(entry)}
  44                   "
  45               class="s sub"
  46               th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
  47             <a  href="../potemkin/fix-swf/overview.html"
  48                 th:if="${entry != parent}"
  49                 th:href="@{${entry}}"
  50                 class="s selected"
  51                 th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'') + (${active} ? ' active' : '')"
  52                 th:text="${_titles.get(entry)}">fix-swf</a>
  53             <ul th:if="${selected and childs != null}"
  54                 class="s active"
  55                 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' : '')">
  56               <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
  57                   class="s">
  58                 <strong class="s">Overview</strong>
  59               </li>
  60               <!--/*-->
  61               <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
  62               <li class="s"><a href="#" class="s">FAQ</a></li>
  63               <li class="s"><a href="#" class="s">Documentation</a></li>
  64               <!--*/-->
  65             </ul>
  66           </li>
  67           <!--/*-->
  68           <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  69           <li class="s off"><a href="#" class="s">jquery.openx</a></li>
  70           <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
  71           <li class="s sub off"><a href="#" class="s">accelerator</a></li>
  72           <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
  73           <!--*/-->
  74         </ul>
  75       </nav>
  76     </div>
  77   </body>
  78 </html>