X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=dist%2Ftemplates%2Flayout.html;h=a7743c23512eb6d56145e3f9dc0f197a9b33e7b4;hb=752f7e8787c4f6a1e9266caeac3f437884adcdb7;hp=e94fd0f40492ddcd7b8646def94f5843b755f9cd;hpb=b00e35706b70fa4cc9c381ceb84a698877e2775a;p=website

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index e94fd0f4..a7743c23 100644
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -28,48 +28,34 @@
         </ul>
       </div>
       <div class="section columns">
-        <div class="column is-3">
+        <div class="column is-3 has-text-right">
           <a href="../index.html" th:href="@{/}" title="Home">
             <img src="/img/logo.svg" alt="juplo" class="logo">
           </a>
-<span class="icon">
-  <i class="fas fa-home"></i>
-</span>
-<button class="button is-primary is-rounded">
-  <span class="icon">
-    <i class="fas fa-arrow-circle-down fa-2x"></i>
-  </span>
-  <span class="ml-2 has-text-weight-bold">Primary</span>
-</button>
-<button class="button is-primary is-rounded">
-  <span class="mr-3 has-text-weight-bold">Primary</span>
-  <span class="icon">
-    <i class="fas fa-arrow-circle-down fa-2x"></i>
-  </span>
-</button>
           <ul th:with="
                 len=${crumbs == null} ? 0 : ${crumbs.size()},
                 parent=${crumbs == null} ? '' : ${crumbs[0]},
                 submenu=${_childs.get(parent)},
                 pos=1"
               id="navigation"
-              class="s has-text-right"
-              th:class="'has-text-right s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
+              class="s mr-4"
+              th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
             <li th:fragment="submenu(submenu, parent, pos)"
                 th:each="entry : ${submenu}"
                 th:with="
-                    child=${pos == len},
-                    selected=${!child and crumbs.get(pos) == entry},
+                    leaf=${pos >= len - 1},
+                    selected=${!leaf and crumbs.get(pos) == entry},
+                    active=${entry == uri},
                     sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
                     childs=${entry == parent ? null : _childs.get(entry)}
                     "
                 class="s sub"
-                th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
+                th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or leaf} ? '' : ' off')">
               <a  href="../potemkin/fix-swf/overview.html"
                   th:if="${entry != parent}"
                   th:href="@{${entry}}"
                   class="s selected"
-                  th:class="${selected} ? 's selected' : 's'"
+                  th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'') + (${active} ? ' active' : '')"
                   th:text="${_titles.get(entry)}">fix-swf</a>
               <ul th:if="${selected and childs != null}"
                   class="s active"