commit ad73946f4a778c571be271bb5a6c1bbc0e28772b
Author: hexlocation <hex@iwakura.rip>
Date:   Fri Dec 6 22:35:56 2024 +0100

    yay

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4fb7a70
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+# My personal little website.  
+  
+https://heroin.zone/~hex
diff --git a/fuckcss.png b/fuckcss.png
new file mode 100644
index 0000000..29b1555
Binary files /dev/null and b/fuckcss.png differ
diff --git a/hair.png b/hair.png
new file mode 100644
index 0000000..85abf7d
Binary files /dev/null and b/hair.png differ
diff --git a/hand.webp b/hand.webp
new file mode 100644
index 0000000..cb8866e
Binary files /dev/null and b/hand.webp differ
diff --git a/hsh.gif b/hsh.gif
new file mode 100644
index 0000000..6fd5d4e
Binary files /dev/null and b/hsh.gif differ
diff --git a/hsh.gif~ b/hsh.gif~
new file mode 100644
index 0000000..dcc7bf3
Binary files /dev/null and b/hsh.gif~ differ
diff --git a/ia.gif b/ia.gif
new file mode 100644
index 0000000..fd40751
Binary files /dev/null and b/ia.gif differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f7334c0
--- /dev/null
+++ b/index.html
@@ -0,0 +1,105 @@
+<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>Hater of books and politics, in love with tinkering and low-level engineering.</p>
+                <p>Interested in</p>
+                <ul>
+                    <li>Embedded devices & firmware development</li>
+                    <li>All things Linux</li>
+                    <li>Security</li>
+                    <li>Privacy</li>
+                </ul>
+            </div>
+            <div class="additional-content">
+                <h3>banners</h3>
+                <div id="banners">
+                    <img src="ia.gif"></img>
+                    <img src="hair.png"></img>
+                    <img src="hand.webp"></img>
+                    <img src="fuckcss.png"></img>
+                    <img src="hsh.gif"></img>
+                </div>
+            </div>
+            <div class="contact-content">
+                <h3>contact</h3>
+                <p>e-mail & xmpp: hex[at]iwakura.rip<br>
+                    discord: hex.maybe</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+</html>
+
+<style>
+    @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;
+        }
+    }
+
+    #banners 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 {
+        height: 60%;
+        display: inline-grid;
+        grid-template-columns: 50vw 20vw;
+        grid-auto-flow: row;
+        grid-gap: 20px;
+
+    }
+
+    #main-flex {
+        padding: 40px;
+        border: 3px solid white;
+        border-radius: 10px;
+        box-shadow: 0px 0px 10px lightskyblue;
+        color: white;
+    }
+
+    #flex-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+    }
+
+    body {
+        font-family: "JetbrainsMono Nerd Font";
+        background-color: black;
+    }
+</style>
