diff --git a/donate.html b/donate.html
new file mode 100644
index 0000000..cd65118
--- /dev/null
+++ b/donate.html
@@ -0,0 +1,31 @@
+<html>
+
+<head>
+    <link rel="stylesheet" href="global.css" />
+</head>
+<div id="flex-container">
+    <div id="main-flex">
+        <h1 style="text-align: center;">donations</h1>
+        <div id="main-box">
+            <p>Hi there! Donations can be done through either BTC or LTC currently. I'm hesitant to set up anything like
+                PayPal right now due to their shady practices.</p>
+            <p><b>BTC: </b>email me<br>
+                <b>LTC: </b>email me
+            </p>
+
+        </div>
+    </div>
+</div>
+
+</html>
+
+<style>
+    img {
+        width: 14vw;
+        height: auto;
+    }
+
+    img:hover {
+        width: 25vw;
+    }
+</style>
diff --git a/global.css b/global.css
new file mode 100644
index 0000000..9d7cd8f
--- /dev/null
+++ b/global.css
@@ -0,0 +1,51 @@
+@font-face {
+    font-family: "NotoSansT";
+    src: url("ttf/sans.ttf");
+}
+
+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%;
+    margin-right: 25%;
+}
+
+h2 {
+    font-weight: 400;
+}
+
+a:visited {
+    color: #cba6f7 !important;
+}
+
+a {
+    color: #89b4fa;
+}
+
+a:hover {
+    background-color: #dce0e8;
+    color: #4c4f69 !important;
+}
+
+#footer, hr{
+    color: #bac2de;
+}
+
+body {
+    font-family: "NotoSansT";
+    font-size: 16px;
+    color: #cdd6f4;
+    background-color: #181825;
+}
diff --git a/hw.html b/hw.html
index 354d114..e42a018 100644
--- a/hw.html
+++ b/hw.html
@@ -1,4 +1,8 @@
 <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>
@@ -7,20 +11,19 @@
                 <img src="img/l14g2-1.png">
                 <img src="img/l14g2-2.png">
                 <p>My Thinkpad L14 Gen 2 (AMD variant)</p>
-                <b>Price: </b>220,- EUR.
-                <p>Ryzen 5 5600U, with 16 gigs of RAM running Void Linux + GNOME. My daily driver.</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>My librebooted Dell Latitude E5420</p>
-                <b>Price: </b>Got it for free! But goes for around 20-30,- EUR usually. 
+                <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>
-                <b>Price: </b>75,- EUR
                 <p>I'll upload some better pictures when I get the chance.</p>
                 <p>Trying to get a SidecarT for this thing</p>
             </div>
@@ -30,10 +33,12 @@
                 <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. Missing the PSU for one of them though.</li>
-                    <li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT One).</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>
@@ -42,82 +47,12 @@
 </html>
 
 <style>
-    @font-face {
-        font-family: heartFont;
-        src: url("ttf/rainyhearts.ttf");
-    }
-
     img {
         width: 14vw;
         height: auto;
     }
+
     img:hover {
         width: 25vw;
     }
-
-    @keyframes rainbow_anim {
-
-        0%,
-        100% {
-            background-position: 0 0;
-        }
-
-        50% {
-            background-position: 100% 0;
-        }
-    }
-
-    @keyframes border_amim {
-
-        0%,
-        100% {
-            background-position: 0 0;
-        }
-
-        50% {
-            background-position: 100% 0;
-        }
-    }
-
-    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 {
-        display: inline-grid;
-        grid-template-columns: 40vw 40vw;
-        grid-auto-flow: row;
-        grid-gap: 20px;
-    }
-
-    #main-flex {
-        padding: 30px;
-        border: 3px solid white;
-        border-radius: 10px;
-        box-shadow: 0px 0px 20px white;
-        color: white;
-    }
-
-    #flex-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-    }
-
-    body {
-        font-family: heartFont;
-        font-weight: 800;
-        font-size: 23px;
-        background-color: black;
-    }
 </style>
diff --git a/index.html b/index.html
index e6b66e4..874d53c 100644
--- a/index.html
+++ b/index.html
@@ -1,160 +1,80 @@
 <html>
-<div id="flex-container">
-    <div id="main-flex">
-        <h1 style="text-align: center;">hello world</h1>
-        <div id="main-box">
-            <div class="main-content">
-                <h3>whoami</h3>
-                <p>I'm <b class="rainbow-text">hex</b>, short for hexlocation.</p>
-                <p>Student and FOSS enthusiast.</p>
-                <p>Interested in</p>
-                <ul>
-                    <li>Embedded devices & firmware development (Coreboot/Libreboot)</li>
-                    <li>All things Linux</li>
-                    <li>ThinkPads (currently have: L14G2A, P50, T480 and soon a T440p)</li>
-                    <li>Internet & Software Freedom (foss)</li>
-                </ul>
-                <a href="hw.html">Click here to view my hardware.</a>
-                <p>P.S. I'm going to FOSDEM 2025 this year. You might meet me!</p>
-            </div>
-            <div class="additional-content">
-                <h3>banners</h3>
-                <div id="banners">
-                    <a href="https://archive.org">
-                        <img src="img/ia.gif"></img>
-                    </a>
 
-                    <img src="img/hair.png"></img>
-                    <img src="img/hand.webp"></img>
-                    <img src="img/fuckcss.png"></img>
+<head>
+    <link rel="stylesheet" href="global.css" />
+</head>
+<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>
+    <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>
 
-                    <a href="https://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
-                        <img src="img/hsh.gif"></img>
-                    </a>
+    <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>
+    <h2>other pages</h2>
+    <ul>
+        <li><a href="hw.html">my hardware</a></li>
+        <li><a href="donate.html">donations</a></li>
+    </ul>
+    <div style="text-align: center" id="footer">
+        <hr>
+        <p style="font-size: 13px;">design inspired by <a href="https://sdomi.pl/">sdomi</a>, <a
+                href="https://kernal.eu">kernal</a> and some others i forgot about.</p>
+        <hr>
+        <a href="https://archive.org">
+            <img src="img/ia.gif"></img>
+        </a>
 
-                    <a href="https://recaptcha.sucks/">
-                        <img src="img/fuckgoogle.png"></img>
-                    </a>
+        <img src="img/hair.png"></img>
+        <img src="img/hand.webp"></img>
+        <img src="img/fuckcss.png"></img>
 
-                    <a href="">
-                        <img src="img/clickme.gif"></img>
-                    </a>
+        <a href="https://recaptcha.sucks/">
+            <img src="img/fuckgoogle.png"></img>
+        </a>
 
-                    <a href="https://avitld.xyz/">
-                        <img src="img/avitldv2.gif"></img>
-                    </a>
+        <a href="https://avitld.xyz/">
+            <img src="img/avitldv2.gif"></img>
+        </a>
 
-                    <a href="https://heroin.zone/">
-                        <img src="img/hz.gif"></img>
-                    </a>
+        <a href="https://heroin.zone/">
+            <img src="img/hz.gif"></img>
+        </a>
 
-                    <a href="https://iwakura.rip/">
-                        <img src="img/iwakura.gif"></img>
-                    </a>
+        <a href="https://heroin.zone/~andre/">
+            <img src="img/andre.png"></img>
+        </a>
 
-                    <a href="https://heroin.zone/~andre/">
-                        <img src="img/andre.png"></img>
-                    </a>
-
-                    <img src="img/win10no.gif"></img>
-                    <img src="img/fuckgoogle.gif"></img>
-
-                    <a href="https://www.patrick-breyer.de/en/posts/chat-control/">
-                        <img src="img/chatcontrol.gif"></img>
-                    </a>
-                </div>
-            </div>
-            <div class="contact-content">
-                <h3>contact</h3>
-                <p>e-mail & xmpp: hex[at]iwakura.rip<br>
-                    discord: hex.maybe</p>
-            </div>
-            <div class="nav-content">
-                <h3>links</h3>
-                <a href="files/">
-                    <img src="img/files.png"></img>
-                </a>
-
-                <a href="img/">
-                    <img src="img/design.png"></img>
-                </a>
-            </div>
-        </div>
+        <img src="img/win10no.gif"></img>
+        <img src="img/fuckgoogle.gif"></img>
     </div>
+    <hr>
 </div>
 
 </html>
-
-<style>
-    @font-face {
-        font-family: heartFont;
-        src: url("ttf/rainyhearts.ttf");
-    }
-
-    @keyframes rainbow_anim {
-
-        0%,
-        100% {
-            background-position: 0 0;
-        }
-
-        50% {
-            background-position: 100% 0;
-        }
-    }
-
-    @keyframes border_amim {
-
-        0%,
-        100% {
-            background-position: 0 0;
-        }
-
-        50% {
-            background-position: 100% 0;
-        }
-    }
-
-    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 {
-        display: inline-grid;
-        grid-template-columns: 50vw 20vw;
-        grid-auto-flow: row;
-        grid-gap: 20px;
-
-    }
-
-    #main-flex {
-        padding: 30px;
-        border: 3px solid white;
-        border-radius: 10px;
-        box-shadow: 0px 0px 20px white;
-        color: white;
-    }
-
-    #flex-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-    }
-
-    body {
-        font-family: heartFont;
-        font-weight: 800;
-        font-size: 23px;
-        background-color: black;
-    }
-</style>
diff --git a/ttf/rainyhearts.ttf b/ttf/rainyhearts.ttf
deleted file mode 100644
index 245cd40..0000000
Binary files a/ttf/rainyhearts.ttf and /dev/null differ
diff --git a/ttf/sans.ttf b/ttf/sans.ttf
new file mode 100644
index 0000000..a1b8994
Binary files /dev/null and b/ttf/sans.ttf differ
