296 lines
11 KiB
HTML
296 lines
11 KiB
HTML
<!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 name="author" content="user01" />
|
|
|
|
|
|
<meta name="keywords" content="meta" />
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="Posts - Voidarc" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://blog.voidarc.co.uk/posts/" />
|
|
<meta property="og:description" content="Posts on Voidarc" />
|
|
<meta property="og:site_name" content="voidarc" />
|
|
<meta property="og:locale" content="en-US" />
|
|
<link rel="canonical" href="https://blog.voidarc.co.uk/posts/" />
|
|
<meta name="robots" content="index, follow" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://blog.voidarc.co.uk/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="https://blog.voidarc.co.uk/assets/css/styles.min.css" />
|
|
|
|
<link rel="icon" href=/assets/norgolith.svg />
|
|
|
|
|
|
<title>Posts - 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="https://blog.voidarc.co.uk/" class="flex items-center space-x-2">
|
|
<!-- <img src="https://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('/posts') }"
|
|
class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
|
|
href="https://blog.voidarc.co.uk/posts"
|
|
>Posts</a>
|
|
|
|
<a
|
|
:class="{ 'text-magenta!': currentPage.startsWith('/categories') }"
|
|
class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
|
|
href="https://blog.voidarc.co.uk/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('/posts') }"
|
|
class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
|
|
href="https://blog.voidarc.co.uk/posts"
|
|
>Posts</a>
|
|
|
|
<a
|
|
:class="{ 'text-blue!': currentPage.startsWith('/categories') }"
|
|
class="text-text-alt hover:text-blue px-3 py-2 rounded-md text-sm font-medium"
|
|
href="https://blog.voidarc.co.uk/categories"
|
|
>Tags</a>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<main class="container mx-auto min-h-screen pt-8 px-4 md:px-0">
|
|
|
|
<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="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://blog.voidarc.co.uk/posts/nix/">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://blog.voidarc.co.uk/posts/nix/">Read more …</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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://blog.voidarc.co.uk/posts/homelab/">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>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p>
|
|
|
|
|
|
|
|
Some Backstory Linux is not hard to learn. Some say it is, but they're wrong. If one can be afraid of a terminal, then I must be the bravest man alive. But, I digress. I began many moons ago, when I was still young, innocent, and didn't know what nix was (what precious days). I began tinkering with …
|
|
</p>
|
|
<a class="no-underline! text-dark-grey font-semibold" href="https://blog.voidarc.co.uk/posts/homelab/">Read more …</a>
|
|
</div>
|
|
</div>
|
|
|
|
<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://blog.voidarc.co.uk/posts/site/">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>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p>
|
|
|
|
|
|
|
|
Nonsense Preamble Neorg is a markdown Language that is Org mode but with some different shit in it. It is supposed to be a replacement, but since I never really used Org mode in the first place, that doesn't really apply. However, after using it for a whole 10 seconds, I decided I could never go bac…
|
|
</p>
|
|
<a class="no-underline! text-dark-grey font-semibold" href="https://blog.voidarc.co.uk/posts/site/">Read more …</a>
|
|
</div>
|
|
</div>
|
|
|
|
</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 © 2026
|
|
|
|
<a
|
|
href="https://git.voidarc.co.uk/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://git.voidarc.co.uk/voidarc"
|
|
class="hover:text-blue"
|
|
>
|
|
<span>Git</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|