diff --git a/donate.html b/donate.html
deleted file mode 100644
index cd65118..0000000
--- a/donate.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<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
deleted file mode 100644
index 9d7cd8f..0000000
--- a/global.css
+++ /dev/null
@@ -1,51 +0,0 @@
-@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 e42a018..354d114 100644
--- a/hw.html
+++ b/hw.html
@@ -1,8 +1,4 @@
 <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>
@@ -11,19 +7,20 @@
                 <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>
+                <b>Price: </b>220,- EUR.
+                <p>Ryzen 5 5600U, with 16 gigs of RAM running Void Linux + GNOME. 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>My librebooted Dell Latitude E5420</p>
+                <b>Price: </b>Got it for free! But goes for around 20-30,- EUR usually. 
                 <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>
@@ -33,12 +30,10 @@
                 <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>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>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>
@@ -47,12 +42,82 @@
 </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 874d53c..e6b66e4 100644
--- a/index.html
+++ b/index.html
@@ -1,80 +1,160 @@
 <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>
 
-<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>
+                    <img src="img/hair.png"></img>
+                    <img src="img/hand.webp"></img>
+                    <img src="img/fuckcss.png"></img>
 
-    <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://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
+                        <img src="img/hsh.gif"></img>
+                    </a>
 
-        <img src="img/hair.png"></img>
-        <img src="img/hand.webp"></img>
-        <img src="img/fuckcss.png"></img>
+                    <a href="https://recaptcha.sucks/">
+                        <img src="img/fuckgoogle.png"></img>
+                    </a>
 
-        <a href="https://recaptcha.sucks/">
-            <img src="img/fuckgoogle.png"></img>
-        </a>
+                    <a href="">
+                        <img src="img/clickme.gif"></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://heroin.zone/~andre/">
-            <img src="img/andre.png"></img>
-        </a>
+                    <a href="https://iwakura.rip/">
+                        <img src="img/iwakura.gif"></img>
+                    </a>
 
-        <img src="img/win10no.gif"></img>
-        <img src="img/fuckgoogle.gif"></img>
+                    <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>
     </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
new file mode 100644
index 0000000..245cd40
Binary files /dev/null and b/ttf/rainyhearts.ttf differ
diff --git a/ttf/sans.ttf b/ttf/sans.ttf
deleted file mode 100644
index a1b8994..0000000
Binary files a/ttf/sans.ttf and /dev/null differ
