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 <button class="button is-primary is-rounded">
  39   <span class="icon">
  40     <i class="fas fa-arrow-circle-down fa-2x"></i>
  41   </span>
  42   <span class="ml-2 has-text-weight-bold">Primary</span>
  43 </button>
  44 <button class="button is-primary is-rounded">
  45   <span class="mr-3 has-text-weight-bold">Primary</span>
  46   <span class="icon">
  47     <i class="fas fa-arrow-circle-down fa-2x"></i>
  48   </span>
  49 </button>
  50           <ul th:with="
  51                 len=${crumbs == null} ? 0 : ${crumbs.size()},
  52                 parent=${crumbs == null} ? '' : ${crumbs[0]},
  53                 submenu=${_childs.get(parent)},
  54                 pos=1"
  55               id="navigation"
  56               class="s has-text-right"
  57               th:class="'has-text-right s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
  58             <li th:fragment="submenu(submenu, parent, pos)"
  59                 th:each="entry : ${submenu}"
  60                 th:with="
  61                     child=${pos == len},
  62                     selected=${!child and crumbs.get(pos) == entry},
  63                     sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
  64                     childs=${entry == parent ? null : _childs.get(entry)}
  65                     "
  66                 class="s sub"
  67                 th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
  68               <a  href="../potemkin/fix-swf/overview.html"
  69                   th:if="${entry != parent}"
  70                   th:href="@{${entry}}"
  71                   class="s selected"
  72                   th:class="${selected} ? 's selected' : 's'"
  73                   th:text="${_titles.get(entry)}">fix-swf</a>
  74               <ul th:if="${selected and childs != null}"
  75                   class="s active"
  76                   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' : '')">
  77                 <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
  78                     class="s">
  79                   <strong class="s">Overview</strong>
  80                 </li>
  81                 <!--/*-->
  82                 <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
  83                 <li class="s"><a href="#" class="s">FAQ</a></li>
  84                 <li class="s"><a href="#" class="s">Documentation</a></li>
  85                 <!--*/-->
  86               </ul>
  87             </li>
  88             <!--/*-->
  89             <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  90             <li class="s off"><a href="#" class="s">jquery.openx</a></li>
  91             <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
  92             <li class="s sub off"><a href="#" class="s">accelerator</a></li>
  93             <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
  94             <!--*/-->
  95           </ul>
  96         </div>
  97       </div>
  98     </nav>
  99   </body>
 100 </html>