--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Blog Posts | Skullheadx</title>
+ <meta name="description" content="Posts from Skullheadx relating">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/style.css">
+ <link rel="icon" href="/favicon.ico">
+ </head>
+ <body class="pattern">
+ <div class = "content-wrapper">
+ <header class="main-head">
+ <a href="/">
+ <img src="../banner.webp" class="banner" alt="Skullheadx">
+ </a>
+ </header>
+ <nav class="main-nav">
+ <div class="nav-pin">
+ <section>
+ <h2>General</h2>
+ <ul>
+ <li><a href="../index.html">Index</a></li>
+ <li><a href="../about.html">About</a></li>
+ <li><a href="../now.html">Now</a></li>
+ <li><a href="../links.html">Links</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="nav-unpinned">
+ <section>
+ <h2>Blog</h2>
+ <ul>
+ <li><a href="../tech/index.html">/tech/</a></li>
+ <li><a href="../phil/index.html">/phil/</a></li>
+ <li><a href="../life/index.html">/life/</a></li>
+ <li><a href="../music/index.html">/music/</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Projects</h2>
+ <ul>
+ <li><a href="../projects/dotfiles.html">Nixos Config</a></li>
+ <li><a href="../projects/suckless.html">Suckless</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Contact</h2>
+ <a href="mailto:skull@skullheadx.com">Email</a>
+ </section>
+ </div>
+ </nav>
+ <main class="content">
+ <article>
+ <section>
+ <h2>Blog Posts</h2>
+ <p>This page features all blog posts.</p>
+ </section>
+ <section>
+ <article>
+ <h3 class="no-center"><a href="../blog/trvst_the_science.html">TRVST THE SCIENCE</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ <article>
+ <h3 class="no-center"><a href="../blog/aria_of_the_soul.html">The Velvet Room: Aria of the Soul | Persona 5 piano cover</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ <article>
+ <h3 class="no-center"><a href="../blog/suckless_nixos.html">Suckless NixOS</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ <article>
+ <h3 class="no-center"><a href="../blog/openbsd_html_css.html">OpenBSD + html,css setup</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ </section>
+ </article>
+ </main>
+ <footer class="main-footer">
+ <a href="https://skullheadx.com">https://skullheadx.com</a>
+ </footer>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Lifestyle Posts | Skullheadx</title>
+ <meta name="description" content="Posts from Skullheadx relating to lifestyle">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/style.css">
+ <link rel="icon" href="/favicon.ico">
+ </head>
+ <body class="pattern">
+ <div class = "content-wrapper">
+ <header class="main-head">
+ <a href="/">
+ <img src="../banner.webp" class="banner" alt="Skullheadx">
+ </a>
+ </header>
+ <nav class="main-nav">
+ <div class="nav-pin">
+ <section>
+ <h2>General</h2>
+ <ul>
+ <li><a href="../index.html">Index</a></li>
+ <li><a href="../about.html">About</a></li>
+ <li><a href="../now.html">Now</a></li>
+ <li><a href="../links.html">Links</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="nav-unpinned">
+ <section>
+ <h2>Blog</h2>
+ <ul>
+ <li><a href="../tech/index.html">/tech/</a></li>
+ <li><a href="../phil/index.html">/phil/</a></li>
+ <li><a href="../life/index.html">/life/</a></li>
+ <li><a href="../music/index.html">/music/</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Projects</h2>
+ <ul>
+ <li><a href="../projects/dotfiles.html">Nixos Config</a></li>
+ <li><a href="../projects/suckless.html">Suckless</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Contact</h2>
+ <a href="mailto:skull@skullheadx.com">Email</a>
+ </section>
+ </div>
+ </nav>
+ <main class="content">
+ <article>
+ <section>
+ <h2>Lifestyle Blog Posts</h2>
+ <p>This page features all blog posts with the <strong>lifestyle</strong> tag.</p>
+ </section>
+ <section>
+ </section>
+ </article>
+ </main>
+ <footer class="main-footer">
+ <a href="https://skullheadx.com">https://skullheadx.com</a>
+ </footer>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Music Posts | Skullheadx</title>
+ <meta name="description" content="Posts from Skullheadx relating to music">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/style.css">
+ <link rel="icon" href="/favicon.ico">
+ </head>
+ <body class="pattern">
+ <div class = "content-wrapper">
+ <header class="main-head">
+ <a href="/">
+ <img src="../banner.webp" class="banner" alt="Skullheadx">
+ </a>
+ </header>
+ <nav class="main-nav">
+ <div class="nav-pin">
+ <section>
+ <h2>General</h2>
+ <ul>
+ <li><a href="../index.html">Index</a></li>
+ <li><a href="../about.html">About</a></li>
+ <li><a href="../now.html">Now</a></li>
+ <li><a href="../links.html">Links</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="nav-unpinned">
+ <section>
+ <h2>Blog</h2>
+ <ul>
+ <li><a href="../tech/index.html">/tech/</a></li>
+ <li><a href="../phil/index.html">/phil/</a></li>
+ <li><a href="../life/index.html">/life/</a></li>
+ <li><a href="../music/index.html">/music/</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Projects</h2>
+ <ul>
+ <li><a href="../projects/dotfiles.html">Nixos Config</a></li>
+ <li><a href="../projects/suckless.html">Suckless</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Contact</h2>
+ <a href="mailto:skull@skullheadx.com">Email</a>
+ </section>
+ </div>
+ </nav>
+ <main class="content">
+ <article>
+ <section>
+ <h2>Music Blog Posts</h2>
+ <p>This page features all blog posts with the <strong>music</strong> tag.</p>
+ </section>
+ <section>
+ <article>
+ <h3 class="no-center"><a href="../blog/aria_of_the_soul.html">The Velvet Room: Aria of the Soul | Persona 5 piano cover</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ </section>
+ </article>
+ </main>
+ <footer class="main-footer">
+ <a href="https://skullheadx.com">https://skullheadx.com</a>
+ </footer>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Philosophy Posts | Skullheadx</title>
+ <meta name="description" content="Posts from Skullheadx relating to philosophy">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/style.css">
+ <link rel="icon" href="/favicon.ico">
+ </head>
+ <body class="pattern">
+ <div class = "content-wrapper">
+ <header class="main-head">
+ <a href="/">
+ <img src="../banner.webp" class="banner" alt="Skullheadx">
+ </a>
+ </header>
+ <nav class="main-nav">
+ <div class="nav-pin">
+ <section>
+ <h2>General</h2>
+ <ul>
+ <li><a href="../index.html">Index</a></li>
+ <li><a href="../about.html">About</a></li>
+ <li><a href="../now.html">Now</a></li>
+ <li><a href="../links.html">Links</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="nav-unpinned">
+ <section>
+ <h2>Blog</h2>
+ <ul>
+ <li><a href="../tech/index.html">/tech/</a></li>
+ <li><a href="../phil/index.html">/phil/</a></li>
+ <li><a href="../life/index.html">/life/</a></li>
+ <li><a href="../music/index.html">/music/</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Projects</h2>
+ <ul>
+ <li><a href="../projects/dotfiles.html">Nixos Config</a></li>
+ <li><a href="../projects/suckless.html">Suckless</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Contact</h2>
+ <a href="mailto:skull@skullheadx.com">Email</a>
+ </section>
+ </div>
+ </nav>
+ <main class="content">
+ <article>
+ <section>
+ <h2>Philosophy Blog Posts</h2>
+ <p>This page features all blog posts with the <strong>philosophy</strong> tag.</p>
+ </section>
+ <section>
+ <article>
+ <h3 class="no-center"><a href="../blog/trvst_the_science.html">TRVST THE SCIENCE</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ </section>
+ </article>
+ </main>
+ <footer class="main-footer">
+ <a href="https://skullheadx.com">https://skullheadx.com</a>
+ </footer>
+ </div>
+ </body>
+</html>
text-align: center;
}
+.no-center {
+ text-align:left;
+}
+
/* links */
a {
background-color: var(--space-indigo);
}
+body.pattern {
+background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='46' height='46' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform=''%3E%3Crect width='100%25' height='100%25' fill='rgba(74, 85, 104,1)'/%3E%3Cpath d='M0 40h-10v-60h60L40 0L39 1h-38v38z' fill='rgba(113, 128, 150,1)'/%3E%3Cpath d='M40 0v10h60v60L0 40L1 39h38v-38z' fill='rgba(45, 55, 72,1)'/%3E%3Cpath d='M40 0v10h60v60L0 40L0 40h40v-40z' fill='rgba(113, 128, 150,1)'/%3E%3Cpath d='M0 40h-10v-60h60L40 0L40 0h-40v40z' fill='rgba(45, 55, 72,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ")}
+
main, section, nav section, aside section {
background: #fff;
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title>Tech Posts | Skullheadx</title>
+ <meta name="description" content="Posts from Skullheadx relating to technology">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/style.css">
+ <link rel="icon" href="/favicon.ico">
+ </head>
+ <body class="pattern">
+ <div class = "content-wrapper">
+ <header class="main-head">
+ <a href="/">
+ <img src="../banner.webp" class="banner" alt="Skullheadx">
+ </a>
+ </header>
+ <nav class="main-nav">
+ <div class="nav-pin">
+ <section>
+ <h2>General</h2>
+ <ul>
+ <li><a href="../index.html">Index</a></li>
+ <li><a href="../about.html">About</a></li>
+ <li><a href="../now.html">Now</a></li>
+ <li><a href="../links.html">Links</a></li>
+ </ul>
+ </section>
+ </div>
+ <div class="nav-unpinned">
+ <section>
+ <h2>Blog</h2>
+ <ul>
+ <li><a href="../tech/index.html">/tech/</a></li>
+ <li><a href="../phil/index.html">/phil/</a></li>
+ <li><a href="../life/index.html">/life/</a></li>
+ <li><a href="../music/index.html">/music/</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Projects</h2>
+ <ul>
+ <li><a href="../projects/dotfiles.html">Nixos Config</a></li>
+ <li><a href="../projects/suckless.html">Suckless</a></li>
+ </ul>
+ </section>
+ <section>
+ <h2>Contact</h2>
+ <a href="mailto:skull@skullheadx.com">Email</a>
+ </section>
+ </div>
+ </nav>
+ <main class="content">
+ <article>
+ <section>
+ <h2>Technology Blog Posts</h2>
+ <p>This page features all blog posts with the <strong>technology</strong> tag.</p>
+ </section>
+ <section>
+ <article>
+ <h3 class="no-center"><a href="../blog/suckless_nixos.html">Suckless NixOS</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ <article>
+ <h3 class="no-center"><a href="../blog/openbsd_html_css.html">OpenBSD + html,css setup</a></h3>
+ <footer class="no-center"><time datetime="2026-05-07">May 7, 2026</time></footer>
+ </article>
+ </section>
+ </article>
+ </main>
+ <footer class="main-footer">
+ <a href="https://skullheadx.com">https://skullheadx.com</a>
+ </footer>
+ </div>
+ </body>
+</html>
projects / skullheadx.com.git / commitdiff