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