voidarc/blog.main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new article: nix and layout changes

Browse Source
This commit is contained in:
voidarc
2026-03-23 21:56:09 +00:00
parent 84cdcf5c48
commit c6f0107bed
10 changed files with 670 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content

Submodule content updated: d601a28f5c...f9478b133f

9
public/categories/blog/index.html
View File

@@ -204,6 +204,15 @@
<ul class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b]"> <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;nix&#x2F;">Why Nixos is the Coolest Operating System</a>
<time class="text-grey text-sm italic"> on <strong>March 22, 2026</strong></time>
</div>
</li>
<li> <li>
<div class="flex flex-col md:flex-row space-x-4"> <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> <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>

29
public/categories/index.html
View File

@@ -207,15 +207,19 @@
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/blog">blog</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/blog">blog</a>
<span class="text-grey">(2 posts)</span> <span class="text-grey">(3 posts)</span>
</li> </li>
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/homelab">homelab</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/homelab">homelab</a>
<span class="text-grey">(1 post)</span> <span class="text-grey">(1 post)</span>
@@ -225,15 +229,19 @@
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/linux">linux</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/linux">linux</a>
<span class="text-grey">(1 post)</span> <span class="text-grey">(2 posts)</span>
</li> </li>
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/neorg">neorg</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/neorg">neorg</a>
<span class="text-grey">(1 post)</span> <span class="text-grey">(1 post)</span>
@@ -243,6 +251,19 @@
<li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/nix">nix</a>
<span class="text-grey">(1 post)</span>
</li>
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/nvim">nvim</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/nvim">nvim</a>
<span class="text-grey">(1 post)</span> <span class="text-grey">(1 post)</span>
@@ -252,6 +273,8 @@
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/voidarc">voidarc</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/voidarc">voidarc</a>
<span class="text-grey">(2 posts)</span> <span class="text-grey">(2 posts)</span>
@@ -261,6 +284,8 @@
<li> <li>
<a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/webdev">webdev</a> <a class="font-mono text-lg no-underline! hover:underline! hover:decoration-dashed" href="/categories/webdev">webdev</a>
<span class="text-grey">(2 posts)</span> <span class="text-grey">(2 posts)</span>

9
public/categories/linux/index.html
View File

@@ -204,6 +204,15 @@
<ul class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b]"> <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;nix&#x2F;">Why Nixos is the Coolest Operating System</a>
<time class="text-grey text-sm italic"> on <strong>March 22, 2026</strong></time>
</div>
</li>
<li> <li>
<div class="flex flex-col md:flex-row space-x-4"> <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> <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>

253
public/categories/nix/index.html Normal file
View File

@@ -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: nix - Voidarc" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https:&#x2F;&#x2F;blog.voidarc.co.uk/categories/nix" />
<meta property="og:description" content="Posts on category nix" />
<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/nix" />
<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: nix - 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 nix</h1>
<p class="text-sm text-text/70"><i>All the posts with the category "nix"</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;nix&#x2F;">Why Nixos is the Coolest Operating System</a>
<time class="text-grey text-sm italic"> on <strong>March 22, 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>

23
public/index.html
View File

@@ -204,18 +204,35 @@
<main class="container mx-auto min-h-screen pt-8 px-4 md:px-0"> <main class="container mx-auto min-h-screen pt-8 px-4 md:px-0">
<h1 id="Voidarc" >Voidarc</h1> <p >Home page for Voidarc Documentation (or whatever excuse for a blog this is). I just wanted to do this for fun idk. Seems interesting for A-level.</p><p >If you can read this, server02 hasn't crashed (yet) :)</p><p >test for webhook</p> <h1 id="Voidarc" >Voidarc</h1> <p >Home page for Voidarc Documentation (or whatever excuse for a blog this is). I just wanted to do this for fun idk. Seems interesting for A-level.</p><p >If you can read this, server02 hasn't crashed (yet) :)</p><p >Email always open: admin@voidarc.co.uk (if my mailserver is up, which is sometimes)</p>
<section> <section>
<h2>Recent posts</h2> <h2>Recent posts</h2>
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;nix&#x2F;">Why Nixos is the Coolest Operating System</a></h3>
<span class="text-sm text-grey italic">I really like Nix</span>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-22T19:35:56+00:00">March 22, 2026, By Adumh00man</time>
</div>
<div class="flex flex-col">
<p>
The Nixos Philosophy Nix is the all in one solution to every problem you could have with Linux. It p…
</p>
<a class="no-underline! text-dark-grey font-semibold" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;nix&#x2F;">Read more …</a>
</div>
</div>
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg"> <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col"> <div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="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></h3> <h3 class="mt-0! text-text-alt"><a class="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></h3>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-21T19:08:28+00:00">March 21, 2026</time>
<span class="text-sm text-grey italic">Haha war of the worlds reference</span> <span class="text-sm text-grey italic">Haha war of the worlds reference</span>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-21T19:08:28+00:00">March 21, 2026, By Adumh00man</time>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<p> <p>
@@ -231,8 +248,8 @@
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg"> <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col"> <div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;site&#x2F;">Making a Blog Using a Niche Markdown Language</a></h3> <h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;site&#x2F;">Making a Blog Using a Niche Markdown Language</a></h3>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-21T11:39:17+00:00">March 21, 2026</time>
<span class="text-sm text-grey italic">How to make a blog using Norg and some random project from github</span> <span class="text-sm text-grey italic">How to make a blog using Norg and some random project from github</span>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-21T11:39:17+00:00">March 21, 2026, By Adumh00man</time>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<p> <p>

17
public/posts/index.html
View File

@@ -204,6 +204,23 @@
<h1 class="text-center">Posts</h1> <h1 class="text-center">Posts</h1>
<div class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b] break-keep"> <div class="mt-6 pt-6 border-t border-t-base-alt dark:border-t-[#39394b] break-keep">
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;nix&#x2F;">Why Nixos is the Coolest Operating System</a></h3>
<time class="text-dark-grey dark:text-grey" datetime="2026-03-22T19:35:56+00:00">March 22, 2026</time>
<span class="text-sm text-grey italic">I really like Nix</span>
</div>
<div class="flex flex-col">
<p>
The Nixos Philosophy Nix is the all in one solution to every problem you could have with Linux. It prides itself on being a fully declarative way to install and manage system packages, and It (mostly) achieves those goals. Before trying to involve oneself in such matters, though, an important distin…
</p>
<a class="no-underline! text-dark-grey font-semibold" href="https:&#x2F;&#x2F;blog.voidarc.co.uk&#x2F;posts&#x2F;nix&#x2F;">Read more …</a>
</div>
</div>
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg"> <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col"> <div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="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></h3> <h3 class="mt-0! text-text-alt"><a class="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></h3>

319
public/posts/nix/index.html Normal file
View File

File diff suppressed because one or more lines are too long

12
public/rss.xml
View File

@@ -6,7 +6,7 @@
<description>Latest posts</description> <description>Latest posts</description>
<generator>Norgolith</generator> <generator>Norgolith</generator>
<language>en-US</language> <language>en-US</language>
<lastBuildDate>Sat, 21 Mar 2026 21:21:15 +0000</lastBuildDate> <lastBuildDate>Mon, 23 Mar 2026 21:55:51 +0000</lastBuildDate>
<ttl>60</ttl> <ttl>60</ttl>
<atom:link href="https:&#x2F;&#x2F;blog.voidarc.co.uk/rss.xml" rel="self" type="application/rss+xml" /> <atom:link href="https:&#x2F;&#x2F;blog.voidarc.co.uk/rss.xml" rel="self" type="application/rss+xml" />
@@ -19,6 +19,16 @@
</image> </image>
<item>
<title>Why Nixos is the Coolest Operating System</title>
<link>https://blog.voidarc.co.uk/posts/nix/</link>
<guid>https://blog.voidarc.co.uk/posts/nix/</guid>
<description>I really like Nix</description>
<author>Adumh00man</author>
<pubDate>Sun, 22 Mar 2026 19:35:56 +0000</pubDate>
<category>linux</category><category>blog</category><category>nix</category>
</item>
<item> <item>
<title>Making a Blog Using a Niche Markdown Language</title> <title>Making a Blog Using a Niche Markdown Language</title>
<link>https://blog.voidarc.co.uk/posts/site/</link> <link>https://blog.voidarc.co.uk/posts/site/</link>

2
theme/templates/home.html
View File

@@ -23,8 +23,8 @@
<div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg"> <div class="bg-surface p-4 mt-4 border-2 border-base-alt rounded-xl shadow-lg">
<div class="flex flex-col"> <div class="flex flex-col">
<h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="{{ post.permalink }}">{{ post.title }}</a></h3> <h3 class="mt-0! text-text-alt"><a class="no-underline! hover:underline! hover:decoration-dashed" href="{{ post.permalink }}">{{ post.title }}</a></h3>
<time class="text-dark-grey dark:text-grey" datetime="{{ post.created }}">{{ post.created | date(format="%B %e, %Y") }}</time>
<span class="text-sm text-grey italic">{{ post.description }}</span> <span class="text-sm text-grey italic">{{ post.description }}</span>
<time class="text-dark-grey dark:text-grey" datetime="{{ post.created }}">{{ post.created | date(format="%B %e, %Y") }}, By {{ post.authors[0] }}</time>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<p> <p>