diff --git a/hardware.html b/hardware.html
new file mode 100644
index 0000000..2f29dcf
--- /dev/null
+++ b/hardware.html
@@ -0,0 +1,24 @@
+<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>
diff --git a/hw.html b/hw.html
new file mode 100644
index 0000000..354d114
--- /dev/null
+++ b/hw.html
@@ -0,0 +1,123 @@
+<html>
+<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>
+                <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>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>
+            <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. 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>
+            </div>
+        </div>
+    </div>
+</div>
+
+</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/img/atari.jpg b/img/atari.jpg
new file mode 100644
index 0000000..c0623f9
Binary files /dev/null and b/img/atari.jpg differ
diff --git a/img/homelab-1.png b/img/homelab-1.png
new file mode 100644
index 0000000..044f4d2
Binary files /dev/null and b/img/homelab-1.png differ
diff --git a/img/homelab-2.png b/img/homelab-2.png
new file mode 100644
index 0000000..d3ec919
Binary files /dev/null and b/img/homelab-2.png differ
diff --git a/img/l14g2-1.png b/img/l14g2-1.png
new file mode 100644
index 0000000..8b312e1
Binary files /dev/null and b/img/l14g2-1.png differ
diff --git a/img/l14g2-2.png b/img/l14g2-2.png
new file mode 100644
index 0000000..47a3768
Binary files /dev/null and b/img/l14g2-2.png differ
diff --git a/img/latitude-1.png b/img/latitude-1.png
new file mode 100644
index 0000000..73aec2c
Binary files /dev/null and b/img/latitude-1.png differ
diff --git a/img/latitude-2.png b/img/latitude-2.png
new file mode 100644
index 0000000..902b426
Binary files /dev/null and b/img/latitude-2.png differ
diff --git a/index.html b/index.html
index f630ea5..e6b66e4 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
                     <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">
