]> juplo.de Git - website/commitdiff
WIP:layout
authorKai Moritz <kai@juplo.de>
Wed, 10 Dec 2025 18:55:14 +0000 (19:55 +0100)
committerKai Moritz <kai@juplo.de>
Wed, 10 Dec 2025 18:55:14 +0000 (19:55 +0100)
layouts/_partials/breadcrumb.html [new file with mode: 0644]
layouts/_partials/marginalcontent.html [new file with mode: 0644]

diff --git a/layouts/_partials/breadcrumb.html b/layouts/_partials/breadcrumb.html
new file mode 100644 (file)
index 0000000..aeeceb8
--- /dev/null
@@ -0,0 +1,14 @@
+<div id="breadcrumb">
+  <strong class="b title">You are here:</strong>
+  <ol class="b" th:include="~{::#crumbs}?:_">
+    <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+    <li class="b" th:each="crumb: ${crumbs}">
+      <a class="b" href="../projects.html" th:href="@{${crumb}}" th:text="${_titles.get(crumb)}">Projects</a>
+    </li>
+    <!--/*-->
+    <li class="b"><strong class="b" th:text="${title}">Fix SWF</strong></li>
+    <!--*/-->
+  </ol>
+  <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
+  <hr class="b" />
+</div>
diff --git a/layouts/_partials/marginalcontent.html b/layouts/_partials/marginalcontent.html
new file mode 100644 (file)
index 0000000..94f3697
--- /dev/null
@@ -0,0 +1,20 @@
+<aside class="m" th:insert="${marginalcontent}?:~{}">
+<!--/* the following  is only visible during natural templating -->
+  <h1>Other nasty but marginal stuff</h1>
+  <p>
+    Lorem ipsum dolor sit amet, 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>
+</aside>
+<aside class="m">
+  <h1>More nasty stuff</h1>
+  <p>
+    This one is really short!
+  </p>
+<!--*/-->
+</aside>