Rework sidebar menu setup

grml · Oct 3, 2024 · 4046571 · 4046571
1 parent e716d95
commit 4046571
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 21 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -34,10 +34,10 @@ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre
 
   .mainandnav { display: flex; flex-flow: row wrap; column-gap: 1em; }
   .mainandnav main { width: auto; flex: 1 100%; }
-  .mainandnav nav { padding-top: 2em; flex: 1 auto; }
+  .mainandnav aside { padding-top: 2em; flex: 1 auto; }
   @media all and (min-width: 800px) {
     .mainandnav main { flex: 14 0; order: 1; }
-    .mainandnav nav { order: 2; }
+    .mainandnav aside { order: 2; }
   }
 
   main { padding: 0 1em 0 1em; }
@@ -64,5 +64,6 @@ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre
   main ul.pagination { text-align: center; }
   main ul.pagination li { display: inline; }
 
-  nav h2 { font-weight: bold; color: #999; line-height:2em; }
+  aside h2 { font-weight: bold; color: #999; line-height:2em; }
+  aside nav { padding-bottom: 2em; }
 }
diff --git a/content/categories/events/_index.md b/content/categories/events/_index.md
@@ -0,0 +1,4 @@
+---
+title: Events
+menus: categories
+---
diff --git a/content/categories/general/_index.md b/content/categories/general/_index.md
@@ -0,0 +1,4 @@
+---
+title: General
+menus: categories
+---
diff --git a/content/categories/kernel/_index.md b/content/categories/kernel/_index.md
@@ -0,0 +1,4 @@
+---
+title: Linux Kernel
+menus: categories
+---
diff --git a/content/categories/links/_index.md b/content/categories/links/_index.md
@@ -0,0 +1,4 @@
+---
+title: Links
+menus: categories
+---
diff --git a/content/categories/packages/_index.md b/content/categories/packages/_index.md
@@ -0,0 +1,4 @@
+---
+title: Packages
+menus: categories
+---
diff --git a/content/page/archive.md b/content/page/archive.md
@@ -1,11 +1,9 @@
 ---
-title: "Archives"
+title: "All posts"
 layout: archive
 slug: archive
 type: page
+menus: archives
 params:
     archive_page_type: post
-menu:
-    main:
-        weight: 2
 ---
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -22,23 +22,25 @@
       <main>
         {{ block "main" . }}{{ end }}
       </main>
-      <nav>
-        {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+      <aside>
         <h2>Archives</h2>
-        <ul>
-          <li><a href="{{ relref . "archive" }}">All posts</a></li>
-        </ul>
+        {{ partial "menu.html" (dict "menuID" "archives" "page" .) }}
+
+        <h2>Categories</h2>
+        {{ partial "menu.html" (dict "menuID" "categories" "page" .) }}
 
         <h2>Subscribe</h2>
-        {{ with .OutputFormats.Get "RSS" -}}
-          <a href="{{ .Permalink | safeHTML }}"
-            onclick="(function(btn){var z=document.createElement('script');document.subtomeBtn=btn;z.src='https://www.subtome.com/load.js';document.body.appendChild(z);})(this); return false;"
-            value="Subscribe"
-            data-subtome-feeds="{{ .Permalink | safeHTML }}">
-            <img src="https://blog.grml.org/templates/2k11/img/subtome.png" alt="XML" style="border: 0px">
-          </a>
-        {{- end }}
-      </nav>
+        <nav>
+          {{ with .OutputFormats.Get "RSS" -}}
+            <a href="{{ .Permalink | safeHTML }}"
+              onclick="(function(btn){var z=document.createElement('script');document.subtomeBtn=btn;z.src='https://www.subtome.com/load.js';document.body.appendChild(z);})(this); return false;"
+              value="Subscribe"
+              data-subtome-feeds="{{ .Permalink | safeHTML }}">
+              <img src="https://blog.grml.org/templates/2k11/img/subtome.png" alt="XML" style="border: 0px">
+            </a>
+          {{- end }}
+        </nav>
+      </aside>
     </div>
     <footer>
       {{ partial "footer.html" . }}