diff --git a/index.html b/index.html
index bfc5c5a..54134fd 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>« futile »</title>
     <script> let FF_FOUC_FIX; </script>
+    <link rel="dns-prefetch" href="//incr.easrng.net">
+    <link rel="preload" href="//incr.easrng.net/bg.gif" as="image">
 </head>
 
 <style>
@@ -18,12 +20,17 @@
     }
 
     p {
-        letter-spacing: -0.02em;
+        letter-spacing: -0.07em;
     }
 
-    .email {
-        color: white;
-        text-decoration: underline dotted;
+    .box {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        max-width: 480px;
+        margin: 0 auto;
+        padding: 0 20px;
+        box-sizing: border-box;
     }
 
     .main-title {
@@ -56,14 +63,9 @@
         line-height: 1.3em;
     }
 
-    .box {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        max-width: 480px;
-        margin: 0 auto;
-        padding: 0 20px;
-        box-sizing: border-box;
+    .click {
+        color: white;
+        text-decoration: underline dotted;
     }
 
     div.buttons {
@@ -72,6 +74,7 @@
         align-items: center;
         max-width: 480px;
         margin: 0 auto;
+        padding: 0 20px;
         position: absolute;
         bottom: 50px;
         left: 0;
@@ -88,8 +91,8 @@
     }
 
     ul.buttons li {
-        margin-right: 3px;
-        line-height: 1;
+        /* margin-right: 3px; */
+        line-height: 0;
     }
 
     div.footer {
@@ -101,6 +104,40 @@
     }
 </style>
 
+<!-- WARNING! this website contains javascript. proceed with caution. -->
+<script>
+    const texts = [
+        "who are you",
+        "lorem ipsum dolor sit amet",
+        "hot garfields in your area",
+        "don't forget to drink water"
+    ];
+
+    function setRandomText() {
+        const paragraph = document.querySelector('#quote');
+        const randomText = texts[Math.floor(Math.random() * texts.length)];
+        paragraph.textContent = randomText;
+    }
+
+    document.addEventListener('DOMContentLoaded', setRandomText);
+</script>
+<script>
+    const characters = ['◇', '◆'];
+    let currentIndex = 0;
+
+    function cycleText() {
+        const paragraph = document.querySelector('#thing');
+        paragraph.textContent = characters[currentIndex];
+
+        currentIndex = (currentIndex + 1) % characters.length;
+    }
+
+    document.addEventListener('DOMContentLoaded', () => {
+        cycleText();
+        setInterval(cycleText, 1000);
+    });
+</script>
+
 <body>
     <div class="box">
         <h1 class="main-title">futile</h1>
@@ -108,10 +145,11 @@
     <hr class="separator">
     <div class="box">
         <p class="content">
-            hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending
-            who you ask). i like programming (mostly rust), computers, linux, malicious software such as game hacks and
+            hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending on
+            who you ask).<br><br>
+            i like programming (mostly rust), computers, linux, malicious software like game hacks and
             malware, and vehicles that drive or fly.<br><br>
-            if you want to contact me, email <a class="email" href="mailto:me@futile.eu">me@futile.eu</a>
+            if you want to contact me, email <a class="click" href="mailto:me@futile.eu">me@futile.eu</a>
         </p>
     </div>
     <div style="position: absolute; bottom: 0; left: 0; right: 0;">
@@ -130,6 +168,10 @@
         </div>
         <div class="footer">
             <p id="quote">who are you</p>
+            &nbsp;
+            <p id="thing" style="user-select: none;">◇</p>
+            &nbsp;
+            <p><a class="click" target="_blank" href="https://codeberg.org/futile">codeberg</a></p>
         </div>
     </div>
 </body>
