yay

2024-12-06 22:35:56 +01:00 · 2024-12-06 22:35:56 +01:00 · ad73946f4a
commit ad73946f4a
8 changed files with 108 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,3 @@
+# My personal little website.  
+  
+https://heroin.zone/~hex
--- a/fuckcss.png
+++ b/fuckcss.png
--- a/hair.png
+++ b/hair.png
--- a/hand.webp
+++ b/hand.webp
--- a/hsh.gif
+++ b/hsh.gif
--- a/hsh.gif~
+++ b/hsh.gif~
--- a/ia.gif
+++ b/ia.gif
--- a/index.html
+++ 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>