From db2de06f495adbbd05c408445f6641cde2347c22 Mon Sep 17 00:00:00 2001
From: hex <hex@iwakura.rip>
Date: Fri, 3 Jan 2025 15:44:50 +0100
Subject: [PATCH] Hello World

---
 global.css |  34 ++++----------
 index.html | 133 ++++++++++++++++++++++++-----------------------------
 2 files changed, 70 insertions(+), 97 deletions(-)
diff --git a/global.css b/global.css
index 3a3e315..9e4c2fd 100644
--- a/global.css
+++ b/global.css
@@ -28,34 +28,18 @@ img {
     background-size: 400% 100%;
 }
 
-#main-content {
-    grid-area: a;
-}
-
-#additional-content {
-    grid-area: b;
-}
-
-#contact-content {
-    grid-area: c;
-}
-
-#nav-content {
-    grid-area: d;
-}
-
 #main-box {
-    display: grid;
-    grid-template-areas:
-        "a a a b"
-        "a a a c"
-        "a a a d";
+    padding: 10px;
+    margin-left: 25%;
+    margin-right: 25%;
+}
+
+h2 {
+    font-weight: 400;
 }
 
 body {
-    font-family: heartFont;
-    color: white;
-    font-weight: 800;
-    font-size: 23px;
+    font-family: "PxPlus IBM VGA 9x16";
+    color: #bfbfbf;
     background-color: #0f0f0f;
 }
diff --git a/index.html b/index.html
index 23752aa..12da92e 100644
--- a/index.html
+++ b/index.html
@@ -1,83 +1,72 @@
 <html>
-    <head>
-        <link rel="stylesheet" href="global.css"/>
-    </head>
+
+<head>
+    <link rel="stylesheet" href="global.css" />
+</head>
 <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>
+    <h2>whoami</h2>
+    <p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
+    <p>My interests are currently reverse engineering, networking, linux system administration, software development
+        and last but not least containerization. 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 get one of those "let's hack together a
+        bunch of [insert random new programming language I have just learned about] programs to run my entire
+        homelab on!!" moments, 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, which is mostly why I do
+        not have many <a href="https://git.iwakura.rip/hex">public projects</a>. I haven't been doing too much
+        hackery anymore, because I am always trying to learn something. I want to do more of them though!</p>
+    <p>I think the Internet should be a free place for all to enjoy and write things on, not some locked ecosystem controlled by Google like they did with e-mail. After all, if I did not have access to a free internet, I wouldn't be here, having learned all the things I have.</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. Also, don't act like an egotistical jerk.
+        Thanks!</p>
+    <p><b>E-mail, XMPP & Matrix</b>: hex[at]iwakura.rip<br></p>
+    <p>I am most active on XMPP.</p>
 
-            <a href="https://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
-                <img src="img/hsh.gif"></img>
-            </a>
+    <h2>other pages</h2>
+    <ul>
+        <li><a href="hw.html">my hardware<a /></li>
+    </ul>
 
-            <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://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>
-
-            <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>
+    <div style="text-align: center">
+        <hr>
+        <p style="color:gray;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="img/">
-            <img src="img/design.png"></img>
+        <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://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/~andre/">
+            <img src="img/andre.png"></img>
+        </a>
+
+        <img src="img/win10no.gif"></img>
+        <img src="img/fuckgoogle.gif"></img>
     </div>
+    <hr>
 </div>
+
 </html>
