i am back gang

2025-06-08 23:41:40 +02:00 · 2025-06-08 23:41:40 +02:00 · 1379f76d33
commit 1379f76d33
parent bf4b1ee44f
36 changed files with 137 additions and 128 deletions
--- a/basement.html
+++ b/basement.html
@ -0,0 +1,97 @@
+<html>
+
+<head>
+    <link rel="stylesheet" href="global.css" />
+</head>
+<div id="flex-container">
+    <div id="main-flex">
+        <h1 style="text-align: center;">hex's basement</h1>
+        <div id="main-box">
+            <h3>Welcome to my basement. You're stuck here now.</h3>
+            <div>
+                <img src="img/x230_1.JPG">
+                <img src="img/x230_2.JPG">
+                <br>
+                <b>ThinkPad X230</b>
+                <p>...featuring:</p>
+                <ul>
+                    <li>An i5-3320M</li>
+                    <li>6 gigabytes of RAM (upgrading to 16 GB soon hopefully)</li>
+                    <li>128 GB SATA SSD</li>
+                    <li>Gentoo Linux + River (coffee-like colorscheme)</li>
+                </ul>
+                <p>Planned mods:</p>
+                <ul>
+                    <li>Classic keyboard swap</li>
+                    <li>FHD (1080p) display mod, unfortunately very expensive :(</li>
+                    <li>Lots of stickers. And I mean lots.</li>
+                </ul>
+                <p>Currently in use as a tinkering and development machine on the go. Also used by my siblings to play on our Minecraft server.</p>
+            </div>
+            <div>
+                <img src="img/l14g2-1.png">
+                <img src="img/l14g2-2.png">
+                <br>
+                <b>Thinkpad L14 Gen 2A</b>
+                <p>My daily driver.</p>
+                <p>Specifications:</p>
+                <ul>
+                    <li>A Ryzen 5 5600U</li>
+                    <li>16 gigabytes of RAM</li>
+                    <li>A shitty battery life & touchpad</li>
+                    <li>Gentoo Linux + GNOME</li>
+                </ul>
+            </div>
+            <div>
+                <img src="img/latitude-1.png">
+                <img src="img/latitude-2.png">
+                <br>
+                <b>A librebooted Dell Latitude E5420</b>
+                <p>Got it for free.</p>
+                <p>Classified as dead because I was stupid enough to disassemble it. (It has a quintillion screws, and I'm too lazy to re-assemble it). I might buy a Thinkpad x230 to replace it. (Edit: I did. :D)</p>
+                <p>i5-2540M, with 8 gigs of RAM running Devuan Linux + XFCE.</p>
+            </div>
+            <div>
+                <img src="img/atari.jpg">
+                <br>
+                <b>My Atari 1040 STF</b>
+                <p>Monochrome display included.</p>
+                <p>Haven't found any use for it yet. Got it for a good deal once and never did anything with it.</p>
+                <p>My goal is to somehow run *BSD or Linux on it, though it doesn't have an MMU, which is apparently the only hope for this thing doing anything cool.</p>
+            </div>
+            <div>
+                <img src="img/homelab-1.png">
+                <img src="img/homelab-2.png">
+                <br>
+                <b>My homelab</b>
+                <p>with:</p>
+                <ul>
+                    <li>A Mikrotik CCR1009-8G-1S switch/router which I got for free.</li>
+                    <li>Two librebooted Optiplex 3050 Micro's, which I got for 60$ total.</li>
+                    <li>A HP ProDesk 400 G5 SFF running most of my minecraft servers.</li>
+                    <li>All of these machines run OpenSUSE MicroOS.</li>
+                    <li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT
+                        One).</li>
+                </ul>
+                <p>Want to replace the Mikrotik switch with a custom pfsense/opnsense setup. Haven't gotten around to it yet.</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+</html>
+
+<style>
+    img {
+        width: 14vw;
+        height: auto;
+    }
+
+    img:hover {
+        width: 25vw;
+    }
+
+    div {
+        margin-bottom: 5vh;
+    }
+</style>
--- a/global.css
+++ b/global.css
@ -2,20 +2,23 @@
    font-family: "NotoSansT";
    src: url("ttf/sans.ttf");
 }
+@font-face {
+    font-family: "Departure Mono";
+    src: url("ttf/depm.otf");
+}
+
+:root {
+    --color-background: #1a1c23;
+    --color-foreground: #f2f2f2;
+    --color-a-visited:  #3f4555;
+    --color-a-normal:   #6f748b;
+    --color-a-hovered:  #a8b1c2;
+}

 img {
    border: 1px solid white;
 }

-.rainbow-text {
-    text-align: center;
-    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
-    background-clip: text;
-    color: transparent !important;
-    animation: rainbow_anim 15s ease-in-out infinite;
-    background-size: 400% 100%;
-}
-
 #main-box {
    padding: 10px;
    margin-left: 25%;
@ -27,16 +30,15 @@ h2 {
 }

 a:visited {
-    color: #cba6f7 !important;
+    color: var(--color-a-visited) !important;
 }

 a {
-    color: #89b4fa;
+    color: var(--color-a-normal);
 }

 a:hover {
-    background-color: #dce0e8;
-    color: #4c4f69 !important;
+    color: var(--color-a-hovered) !important;
 }

 #footer, hr{
@ -44,8 +46,8 @@ a:hover {
 }

 body {
-    font-family: "NotoSansT";
+    font-family: "Departure Mono";
    font-size: 16px;
-    color: #cdd6f4;
-    background-color: #181825;
+    color: var(--color-foreground);
+    background-color: var(--color-background);
 }
--- a/hardware.html
+++ b/hardware.html
@ -1,24 +0,0 @@
-<html>
-    <div id="imgs">
-        <div class="image">
-            <img src="img/l14g2.png">
-            <span class="caption">My Thinkpad L14 Gen 2 (AMD variant).</span>
-        </div>
-    </div>
-</html>
-<style>
-    div.image {
-        vertical-align: top;
-        display: inline-block;
-        text-align: center;
-        width: 20vw;
-    }
-    img {
-        width: 5vw;
-        max-height: 5vw;
-        background-color: grey;
-    }
-    .caption {
-        display: block;
-    }
-</style>
--- a/hw.html
+++ b/hw.html
@ -1,58 +0,0 @@
-<html>
-
-<head>
-    <link rel="stylesheet" href="global.css" />
-</head>
-<div id="flex-container">
-    <div id="main-flex">
-        <h1 style="text-align: center;">hex's hardware</h1>
-        <div id="main-box">
-            <div>
-                <img src="img/l14g2-1.png">
-                <img src="img/l14g2-2.png">
-                <p>My Thinkpad L14 Gen 2 (AMD variant)</p>
-                <p>Ryzen 5 5600U, with 16 gigs of RAM running Void Linux + my own river setup. My daily driver.</p>
-            </div>
-            <div>
-                <img src="img/latitude-1.png">
-                <img src="img/latitude-2.png">
-                <p>(RIP 2022-2025) My librebooted Dell Latitude E5420</p>
-                Got it for free! But goes for around 20-30,- EUR usually.
-                <p>Classified as dead because I was stupid enough to disassemble it. (It has ~86 screws, and I'm too lazy to re-assemble it). I might buy a Thinkpad x230 to replace it.</p>
-                <p>i5-2540M, with 8 gigs of RAM running Devuan Linux + XFCE.</p>
-            </div>
-            <div>
-                <img src="img/atari.jpg">
-                <p>My Atari 1040STf with monochrome display (I love this thing)</p>
-                <p>I'll upload some better pictures when I get the chance.</p>
-                <p>Trying to get a SidecarT for this thing</p>
-            </div>
-            <div>
-                <img src="img/homelab-1.png">
-                <img src="img/homelab-2.png">
-                <p>My homelab, featuring:</p>
-                <ul>
-                    <li>A Mikrotik CCR1009-8G-1S switch/router which I got for free.</li>
-                    <li>Two librebooted Optiplex 3050 Micro's, which I got for 60$ total. They are currently running OpenSUSE MicroOS</li>
-                    <li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT
-                        One).</li>
-                    <li>My old custom build from 2020.</li>
-                </ul>
-                <p>I am planning to replace my access point & switch/router with a Dell Optiplex 3050 SFF. I'll probably just throw a couple of network cards and a wifi card in there and run OPNSense or PFSense or whatever on it.</p>
-            </div>
-        </div>
-    </div>
-</div>
-
-</html>
-
-<style>
-    img {
-        width: 14vw;
-        height: auto;
-    }
-
-    img:hover {
-        width: 25vw;
-    }
-</style>
--- a/img/atari.jpg
+++ b/img/atari.jpg
--- a/img/atari.jpg_original
+++ b/img/atari.jpg_original
--- a/img/avitld.png
+++ b/img/avitld.png
--- a/img/avitld.png_original
+++ b/img/avitld.png_original
--- a/img/clickme.png
+++ b/img/clickme.png
--- a/img/clickme.png_original
+++ b/img/clickme.png_original
--- a/img/clickme.png~
+++ b/img/clickme.png~
--- a/img/clickme.png~_original
+++ b/img/clickme.png~_original
--- a/img/design.png
+++ b/img/design.png
--- a/img/design.png_original
+++ b/img/design.png_original
--- a/img/files.png
+++ b/img/files.png
--- a/img/files.png_original
+++ b/img/files.png_original
--- a/img/fuckcss.png
+++ b/img/fuckcss.png
--- a/img/fuckcss.png_original
+++ b/img/fuckcss.png_original
--- a/img/fuckgoogle.png
+++ b/img/fuckgoogle.png
--- a/img/fuckgoogle.png_original
+++ b/img/fuckgoogle.png_original
--- a/img/hair.png
+++ b/img/hair.png
--- a/img/hair.png_original
+++ b/img/hair.png_original
--- a/img/homelab-1.png
+++ b/img/homelab-1.png
--- a/img/homelab-1.png_original
+++ b/img/homelab-1.png_original
--- a/img/homelab-2.png
+++ b/img/homelab-2.png
--- a/img/homelab-2.png_original
+++ b/img/homelab-2.png_original
--- a/img/iso.JPG
+++ b/img/iso.JPG
--- a/img/iso.JPG_original
+++ b/img/iso.JPG_original
--- a/img/iwakura.png~
+++ b/img/iwakura.png~
--- a/img/iwakura.png~_original
+++ b/img/iwakura.png~_original
--- a/img/x230_1.JPG
+++ b/img/x230_1.JPG
--- a/img/x230_1.JPG_original
+++ b/img/x230_1.JPG_original
--- a/img/x230_2.JPG
+++ b/img/x230_2.JPG
--- a/img/x230_2.JPG_original
+++ b/img/x230_2.JPG_original
--- a/index.html
+++ b/index.html
@ -6,41 +6,33 @@
 <div id="main-box">
    <h2>whoami</h2>
    <p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
-    <p>My overall interests are networking, linux system administration, and last but not least
-        software development. I also enjoy refurbishing old laptops and electronics (like my Atari 1040ST).</p>
-    <p>You'll usually see me experimenting with my homelab, creating websites like this, or trying assembly for no
-        reason at all. I just do that sometimes.
-        I am not neat in my work at all. A bit chaotic even. But unless I discover something very interesting to me, I
-        try to be neat, both online and offline. I fail miserably at it, but hey, I'm just an
-        unemployed teenager with too much time on his hands so...</p>
-    <p>In recent years I have gotten more interest in the theoretical side of computers and computer history, which is
-        mostly why I do
-        not have many <a href="https://git.iwakura.rip/hex">public projects</a>.
-    </p>
-    <p>My interest in computer (science)/internet history consists mostly of finding old 90's/2000 websites and
-        exploring them, seeing what everything was like, reading old (IRC) chat logs, but also the more well-known stuff
-        e.g. older hardware (like my Atari ST), or reading about old algorithms designed by 80 year old mathematicians.
-    </p>
-    <p>Fuck off Google.</p>
+    <b>Interests:</b>
+    <ul>
+        <li>The Linux Kernel (and basically anything somehow related to unix, think openbsd, netbsd...)</li>
+        <li>Computer Science</li>
+        <li>Retro hardware (think m68k, macppc)</li>
+        <li>Fucking around with thinkpads, coreboot, and basically anything I can get my hands on.</li>
+        <li>Homelabbing</li>
+        <li>Little bit of philosophy on the side.</li>
+    </ul>
    <h2>projects</h2>
-    <p><a href="https://iwakura.rip">iwakura.rip</a> (formerly penhub.nl & clatter.cc) is basically the domain I use for
-        my homelab. I host services for myself and friends on there, and also try to provide hosting space and resources
-        for them if they need. The domain is obviously inspired by Serial Experiments Lain.</p>
-    <p><a href="https://git.iwakura.rip/hex/jabe">Cursed blogging engine</a> I wrote in TypeScript a while ago. I
-        reaallyy want to rewrite it in Nim, and make a frontend that's actually good. I don't really enjoy making
-        frontends though...</p>
-    <p><a href="https://git.iwakura.rip/hex/cheatsheets">My personal cheatsheets</a> which I use on the daily. These are
-        cheatsheets about a variety of topics like e.g. (Postgre)SQL I haven't been updating them too much though. If
-        you see any mistakes, send patches to my e-mail! :)</p>
+    <p><a href="https://iwakura.rip">iwakura.rip</a> (formerly penhub.nl & clatter.cc) is my homelab, used by me,
+        friends & co</p>
+    <p><a href="https://git.iwakura.rip/hex/jabe">Cursed blogging engine</a> I wrote in TypeScript a while ago. It
+        sucks.</p>
+    <p><a href="https://git.iwakura.rip/hex/cheatsheets">Some cheatsheets</a> which I made for future usage. Patches
+        (very) welcome!</p>
+    <p><a href="https://stereo.cat">stereo.cat</a>, an open-source image host with accompanying clients (fuck sharex)
+    </p>
+    <p><a href="https://git.iwakura.rip/hex">...and more!</a></p>

    <h2>contact</h2>
-    <p>You can message me here if you'd like, as long as you aren't a bot. Even if you just want to talk or something.
-        (I need frenz please help)</p>
-    <p><b>E-mail, XMPP (preferred) & Matrix</b>: hex[at]iwakura.rip<br></p>
+    <p>You can message me here if you'd like, as long as you aren't a bot. Even if you just want to talk or something. :3</p>
+    <p><b>E-mail & XMPP (preferred)</b>: hex[at]iwakura.rip<br></p>
+    <p>My Matrix server has been de-activated as a result of a lack of moderation options and general progress on Matrix.</p>
    <h2>other pages</h2>
    <ul>
-        <li><a href="hw.html">my hardware</a></li>
-        <li><a href="donate.html">donations</a></li>
+        <li><a href="basement.html">my basement</a></li>
    </ul>
    <div style="text-align: center" id="footer">
        <hr>
--- a/ttf/depm.otf
+++ b/ttf/depm.otf