new article: homelab

2026-03-21 21:21:42 +00:00
parent 2ab90cb068
commit 84cdcf5c48
11 changed files with 939 additions and 4 deletions
--- a/public/categories/homelab/index.html
+++ b/public/categories/homelab/index.html
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="generator" content="Norgolith" />
+
+  
+  
+  
+  
+
+  
+  
+<meta property="og:title" content="Category: homelab - Voidarc" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https:&#x2F;&#x2F;blog.voidarc.co.uk/categories/homelab" />
+<meta property="og:description" content="Posts on category homelab" />
+<meta property="og:site_name" content="voidarc" />
+<meta property="og:locale" content="en-US" />
+
+<link rel="canonical" href="https:&#x2F;&#x2F;blog.voidarc.co.uk/categories/homelab" />
+<meta name="robots" content="index, follow" />
+
+
+  
+  
+    
+    
+      
+      
+      <link rel="stylesheet" href="/assets/css/prism-sweetie.min.css" />
+      <script defer src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+      <script defer src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+      <script defer src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
+    
+  
+
+  
+  <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <script>
+      document.addEventListener("alpine:init", () => {
+          Alpine.data("menu", () => ({
+              currentPage: window.location.pathname,
+
+              openMobile: false,
+
+              toggleMobile() {
+                  this.openMobile = !this.openMobile;
+              }
+          }));
+
+          Alpine.data("toc", () => ({
+            open: false,
+
+            toggle() {
+              this.open = !this.open;
+              document.querySelector("#toc-toggle-icon").classList.toggle("rotate-90");
+            }
+          }));
+
+          Alpine.data("theme", () => ({
+              // Defaults to dark theme
+              current: "dark",
+
+              init() {
+                  const storedTheme = localStorage.getItem("theme");
+                  if (storedTheme === "dark") {
+                      this.current = "dark";
+                  } else if (storedTheme === "light") {
+                      this.current = "light";
+                  } else if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+                      this.current = "dark";
+                  }
+                  localStorage.setItem("theme", this.current);
+                  if (this.current === "dark") {
+                      document.documentElement.classList.add("dark");
+                  }
+              },
+
+              toggle() {
+                  this.current = this.current === "dark" ? "light" : "dark";
+                  document.documentElement.classList.toggle("dark", this.current === "dark");
+                  localStorage.setItem("theme", this.current);
+              }
+          }));
+      });
+  </script>
+
+  
+  
+  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/11.9.0/mermaid.min.js"></script>
+  
+
+  
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tabler-icons/3.28.1/tabler-icons.min.css">
+
+  
+  <link rel="stylesheet" href="/assets/css/styles.min.css" />
+  
+  <link rel="icon" href=&#x2F;assets&#x2F;norgolith.svg />
+  
+
+  <title>Category: homelab - Voidarc</title>
+  
+</head>
+<body>
+  <div class="transition-colors duration-150 ease-linear">
+    <header class="relative shadow-sm">
+      <nav x-data="menu" class="container mx-auto px-4 md:px-0 font-mono">
+  <div class="flex items-center justify-between h-16">
+    <!-- Logo and dark mode -->
+    <div x-data="theme" class="flex items-center shrink-0 space-x-2">
+      <a href="/" class="flex items-center space-x-2">
+        <!-- <img src="https:&#x2F;&#x2F;blog.voidarc.co.uk/assets/norgolith.svg" alt="Norgolith Logo" class="h-8 w-8"> -->
+        <span class="text-lg md:text-xl font-bold text-magenta">Voidarc</span>
+      </a>
+      <button
+        @click="toggle()"
+        type="button"
+        class="rounded-lg flex items-center"
+        :aria-label="current === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'"
+      >
+        <i
+          :class="current === 'dark' ? 'ti-sun hover:text-yellow' : 'ti-moon hover:text-blue'"
+          class="ti text-xl md:text-2xl text-grey transition-colors duration-200 ease-in-out"
+        ></i>
+      </button>
+    </div>
+
+    <!-- Desktop Menu -->
+    <div class="hidden md:flex md:items-center md:space-x-8">
+      
+      <a
+        :class="{ 'text-magenta!': currentPage.startsWith('&#x2F;posts') }"
+        class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
+        href="&#x2F;posts"
+      >Posts</a>
+      
+      <a
+        :class="{ 'text-magenta!': currentPage.startsWith('&#x2F;categories') }"
+        class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
+        href="&#x2F;categories"
+      >Tags</a>
+      
+    </div>
+
+    <!-- Mobile Menu Button -->
+    <div class="md:hidden">
+      <button @click="toggleMobile" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-dark-grey hover:text-text-alt focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
+        <span class="sr-only">Open main menu</span>
+        <!-- Hamburger Icon -->
+        <svg x-show="!openMobile" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
+        </svg>
+        <!-- Close Icon -->
+        <svg x-show="openMobile" class="h-5 w-5 text-red" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+        </svg>
+      </button>
+    </div>
+  </div>
+
+  <!-- Mobile Menu -->
+  <div
+    x-show="openMobile"
+    x-transition:enter="transition ease-out duration-300"
+    x-transition:enter-start="opacity-0"
+    x-transition:enter-end="opacity-100"
+    x-transition:leave="transition ease-in duration-300"
+    x-transition:leave-start="opacity-100"
+    x-transition:leave-end="opacity-0"
+    @click.outside="openMobile = false"
+    class="md:hidden"
+    id="mobile-menu"
+  >
+    <div class="flex flex-row items-center justify-between pt-2 pb-4">
+      
+      <a
+        :class="{ 'text-blue!': currentPage.startsWith('&#x2F;posts') }"
+        class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
+        href="&#x2F;posts"
+      >Posts</a>
+      
+      <a
+        :class="{ 'text-blue!': currentPage.startsWith('&#x2F;categories') }"
+        class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
+        href="&#x2F;categories"
+      >Tags</a>
+      
+    </div>
+  </div>
+</nav>
+
+    </header>
+
+    <main class="container mx-auto min-h-screen pt-8 px-4 md:px-0">
+      
+<div>
+  <h1>Posts in homelab</h1>
+  <p class="text-sm text-text/70"><i>All the posts with the category "homelab"</i></p>
+  <ul class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b]">
+    
+      
+        <li>
+          <div class="flex flex-col md:flex-row space-x-4">
+            <a class="font-mono text-lg w-fit no-underline! hover:underline! hover:decoration-dashed" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;homelab&#x2F;">How I fell in with Linux</a>
+            <time class="text-grey text-sm italic"> on <strong>March 21, 2026</strong></time>
+          </div>
+        </li>
+      
+    
+  </ul>
+</div>
+
+    </main>
+
+    <footer class="mt-8 py-4 px-6 w-full font-mono">
+      <div
+  class="flex flex-col md:flex-row justify-between md:items-center font-medium text-xs md:text-sm text-text-alt space-y-4 md:space-y-0"
+>
+  <span
+      >Copyright &copy; 2026
+    
+    <a
+      href="https:&#x2F;&#x2F;git.voidarc.co.uk&#x2F;voidarc"
+      class="text-blue hover:underline">Adumh00man</a
+    >.
+    
+    
+      <br class="md:hidden" /> Licensed under MIT.
+    
+  </span>
+  <div class="flex flex-inline">
+    
+    <div class="mr-4 md:mr-6 lg:mr-8 last:mr-0">
+      <a
+        href="https:&#x2F;&#x2F;git.voidarc.co.uk&#x2F;voidarc"
+        class="hover:text-blue"
+      >
+        <span>Git</span>
+      </a>
+    </div>
+    
+  </div>
+</div>
+
+    </footer>
+  </div>
+</body>
+</html>