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

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index e94fd0f4..0db11ec6 100644
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -17,84 +17,127 @@
       th:fragment="body(uri, maincontent, marginalcontent)"
       thymeproxy:variables="${json}"
       th:with="crumbs=${_crumbs.get(uri)}">
-    <nav>
-      <div class="section breadcrumb" aria-label="breadcrumbs">
+    <div class="columns">
+      <main class="column content section" th:include="${maincontent}" th:fragment="maincontent">
+        <h1 th:text="${_titles.get(uri)}">TEMPLATE: Layout</h1>
+        <p>
+          <strong>Lorem ipsum</strong> dolor
+          <a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}">sit amet</a>,
+          consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+          labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+          <a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}">exercitation</a>
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+          irure dolor in reprehenderit in voluptate velit esse cillum dolore
+          eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+          proident, sunt in culpa qui officia deserunt mollit anim id est
+          laborum.
+        </p>
+        <h2 class="title">Duis aute irure dolor</h2>
         <ul>
-          <li th:each="crumb: ${crumbs}" class="${uri == crumb}?'is_active':_">
-            <a href="../index.html" th:href="@{${crumb}}" th:text="${_titles.get(crumb)}">Home</a></li>
+          <li>Operators and other mathematical stuff: -+/*</li>
+          <li>
+            Characters offten used in programming languages:
+            {(&lt;&gt;)}@$?%*#;:&amp;/\!^&#034;&#039;`~
+          </li>
+          <li>Special german characters: ÄäÖöÜü</li>
+          <li>Other special characters: @?¢§%°</li>
+        </ul>
+        <h2 class="title">Excepteur sint occaecat cupidatat</h2>
+        <p>
+          Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit,
+          sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+          nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+          <strong>Ut enim ad minim veniam, quis nostrud <em>exercitation
+          ullamco</em> laboris nisi ut aliquip ex ea commodo consequat</strong>.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse
+          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+          cupidatat non proident, sunt in culpa qui officia deserunt mollit
+          anim id est laborum.
+        </p>
+      </main>
+      <nav class="column section is-3 has-text-right">
+        <a href="../index.html" th:href="@{/}" title="Home">
+          <img src="/img/logo.svg" alt="juplo" class="logo">
+        </a>
+        <ul th:with="
+              len=${crumbs == null} ? 0 : ${crumbs.size()},
+              parent=${crumbs == null} ? '' : ${crumbs[0]},
+              submenu=${_childs.get(parent)},
+              pos=1"
+            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},
+                  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="../projekte.html"
+                th:if="${entry != parent}"
+                th:href="@{${entry}}"
+                class="s selected"
+                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"
+                th:class="'s' + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">
+              <!--/*-->
+              <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="is-active"><a href="#">Fix SWF</a></li>
+          <li class="s sub off"><a href="../about.html" class="s">About</a></li>
           <!--*/-->
         </ul>
-      </div>
-      <div class="section columns">
-        <div class="column is-3">
-          <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' : '')">
-            <li th:fragment="submenu(submenu, parent, pos)"
-                th:each="entry : ${submenu}"
-                th:with="
-                    child=${pos == len},
-                    selected=${!child and crumbs.get(pos) == entry},
-                    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"
-                  th:if="${entry != parent}"
-                  th:href="@{${entry}}"
-                  class="s selected"
-                  th:class="${selected} ? 's selected' : 's'"
-                  th:text="${_titles.get(entry)}">fix-swf</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>
-                <!--/*-->
-                <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>
-                <!--*/-->
-              </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>
-            <!--*/-->
-          </ul>
+      </nav>
+    </div>
+    <footer class="footer">
+      <div class="container">
+        <div class="columns">
+          <div class="column is-8-desktop is-offset-2-desktop">
+            <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>
+          </div>
         </div>
       </div>
-    </nav>
+    </footer>
   </body>
 </html>