X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=dist%2Ftemplates%2Flayout.html;h=14718dac34d19f45fb519e24a1f4e81443d81018;hb=35bf5d235e7083a7d6f5bc4769de08c65411eb72;hp=a1227e3212f360dc67e28462037986b7e239a198;hpb=4069d97781cd6a5555dd4aa307f4f0fda35b0b4a;p=website

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index a1227e32..14718dac 100644
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -17,8 +17,8 @@
       th:fragment="body(uri, maincontent, marginalcontent)"
       thymeproxy:variables="${json}"
       th:with="crumbs=${_crumbs.get(uri)}">
-    <div class="columns">
-      <main class="column content" th:include="${maincontent}" th:fragment="maincontent">
+    <div id="page" class="">
+      <main class="content section" th:include="${maincontent}" th:fragment="maincontent">
         <h1 th:text="${_titles.get(uri)}">TEMPLATE: Layout</h1>
         <p>
           <strong>Lorem ipsum</strong> dolor
@@ -63,7 +63,7 @@
           anim id est laborum.
         </p>
       </main>
-      <nav class="column is-3 has-text-right">
+      <nav class="section has-text-right">
         <a href="../index.html" th:href="@{/}" title="Home">
           <img src="/img/logo.svg" alt="juplo" class="logo">
         </a>
@@ -75,47 +75,63 @@
             id="navigation"
             class="s mr-4"
             th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
+          <!--/*-->
+          <li class="s sub off"><a href="../blog/" class="s">Blog</a></li>
+          <!--*/-->
           <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) and not selected},
-                  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')">
-            <a  href="../potemkin/fix-swf/overview.html"
+            <a  href="../projekte.html"
                 th:if="${entry != parent}"
                 th:href="@{${entry}}"
                 class="s selected"
-                th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'') + (${active} ? ' active' : '')"
-                th:text="${_titles.get(entry)}">fix-swf</a>
+                th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')"
+                th:text="${_titles.get(entry)}">Projekte</a>
             <ul th:if="${selected and childs != null}"
-                class="s active"
-                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' : '')">
-              <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
-                  class="s">
-                <strong class="s">Overview</strong>
-              </li>
+                class="s"
+                th:class="'s' + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">
               <!--/*-->
-              <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-              <li class="s"><a href="#" class="s">FAQ</a></li>
-              <li class="s"><a href="#" class="s">Documentation</a></li>
+              <li class="s sub">
+                <a class="s selected" href="../potemkin/fix-swf/overview.html">fix swf</a>
+                <ul class="s">
+                  <li class="s"><strong class="s selected">Overview</strong></li>
+                  <li class="s"><a class="s leaf" href="../potemkin/fix-swf/getting-started.html">Getting Started</a></li>
+                  <li class="s"><a class="s leaf" href="#">FAQ</a></li>
+                  <li class="s"><a class="s leaf" href="#">Documentation</a></li>
+                </ul>
+              </li>
+              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+              <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+              <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
+              <li class="s sub off"><a href="#" class="s">accelerator</a></li>
               <!--*/-->
+              <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})" class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
             </ul>
           </li>
           <!--/*-->
-          <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-          <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-          <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
-          <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-          <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
+          <li class="s sub off"><a href="../about.html" class="s">About</a></li>
           <!--*/-->
         </ul>
       </nav>
     </div>
+    <footer>
+      <div class="level">
+        <div class="level-left">
+          <span class="level-item">© <strong>mo</strong> 2021</span>
+        </div>
+        <div class="level-right" id="footerlinks" th:include="~{::#links}?:_">
+          <a class="level-item" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a>
+          <a class="level-item" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a>
+        </div>
+      </div>
+    </footer>
   </body>
 </html>