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