From: Kai Moritz <kai@juplo.de>
Date: Wed, 10 Dec 2025 18:51:38 +0000 (+0100)
Subject: WIP:layout
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=305fa14ec0d32e3f97608b2ce9bcc258c1f2dd48;p=website

WIP:layout
---

diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index a7cd916d..08fad685 100644
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -1 +1,8 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
+<footer id="footer">
+  <hr class="f" />
+  <ul id="footerlinks" th:include="~{::#links}?:_">
+    <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+    <li class="f"><a class="f" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
+    <li class="f"><a class="f" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a></li>
+  </ul>
+</footer>
diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html
index 7980a00e..78e6631a 100644
--- a/layouts/_partials/header.html
+++ b/layouts/_partials/header.html
@@ -1,2 +1,5 @@
-<h1>{{ site.Title }}</h1>
-{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+<header id="header"><!-- TODO: Vereinfachung -> für uri == index.html a gegen strong ausstauschen -->
+  <h1 id="logo"><a href="../index.html" th:href="@{/}" title="Home" class="l" ><img class="l" src="/img/logo.svg" alt="juplo"/></a></h1>
+  <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
+  <hr class="h" />
+</header>
diff --git a/layouts/_partials/menu.html b/layouts/_partials/menu.html
index 14245b55..f39ae01d 100644
--- a/layouts/_partials/menu.html
+++ b/layouts/_partials/menu.html
@@ -1,3 +1,89 @@
+<nav id="nav"
+    th:include="~{::#navigation}?:_"
+    th:with="section=${crumbs != null && crumbs.size() > 1 ? crumbs[1] : null}"
+    >
+  <hr class="n"/>
+  <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
+  <h1 class="nav">Navigation</h1>
+  <h2 class="nav menu">Section-Menu</h2>
+  <ul id="menu" class="cf">
+    <li th:each="entry : ${_childs.get('/index.html')}"
+        th:with="title=${_titles.get(entry)}"
+        class="m blog"
+        th:class="'m ' + ${title}">
+      <a href="../blog/"
+         th:href="@{${entry}}"
+         class="m"
+         th:class="${section == entry} ? 'm selected' : 'm'"
+         th:text="${_titles.get(entry)}">Blog</a>
+    </li>
+    <!--/*-->
+    <li class="m projects"><a href="../projects.html" class="m selected">Projects</a></li>
+    <li class="m about"><a href="../about.html" class="m">About</a></li>
+    <!--*/-->
+  </ul>
+  <h2 class="nav submenu">
+    <span class="s">Submenu for section</span>
+    <a class="s selected" href="../projects.html" th:href="@{${section}}" th:text="${_titles.get(section)}">Projects</a>
+  </h2>
+  <ul th:include="${submenu}?:_"
+      th:with="
+        len=${crumbs == null} ? 0 : ${crumbs.size()},
+        parent=${section},
+        submenu=${_childs.get(parent)},
+        pos=2"
+      id="submenu"
+      class="s"
+      th:class="'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},
+            hidden=${!child && _canonical.get(crumbs.get(pos)) == entry},
+            entry=${hidden?crumbs.get(pos):entry},
+            selected=${(child and crumbs.get(pos-1) + '?about' == entry) or (!child and (crumbs.get(pos) == entry or hidden))},
+            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="../potemkin/fix-swf/overview.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)}"
+          >fix-swf</a>
+      <ul th:if="${selected and childs != null}"
+          class="s active"
+          th:class="'s' + (${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>
+    <!--*/-->
+    <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>
+  <hr class="n"/>
+</nav>
 {{- /*
 Renders a menu for the given menu ID.
 
diff --git a/layouts/baseof.html b/layouts/baseof.html
index 39dcbec6..5e2c5777 100644
--- a/layouts/baseof.html
+++ b/layouts/baseof.html
@@ -3,15 +3,21 @@
 <head>
   {{ partial "head.html" . }}
 </head>
-<body>
-  <header>
-    {{ partial "header.html" . }}
-  </header>
-  <main>
-    {{ block "main" . }}{{ end }}
-  </main>
-  <footer>
-    {{ partial "footer.html" . }}
-  </footer>
+<body id="top" class="menu" onload="prettyPrint()">
+  <div id="page" class="cf">
+    {{- partial "header.html" . }}
+    {{- partial "breadcrumb.html" . }}
+    <main class="content cf">
+        <article id="content" class="main" th:include="${maincontent}">
+          <header><h1>{{ site.Title }}</h1></header>
+          {{- block "main" . }}{{ end }}
+        </article>
+        <div class="marginal">
+          {{- partial "menu.html" (dict "menuID" "main" "page" .) }}
+          {{- partial "marginalcontent.html" . }}
+        </div>
+    </main>
+    {{- partial "footer.html" . }}
+  </div>
 </body>
 </html>