diff --git a/blog/index.html b/blog/index.html
index 5c58313..f51741e 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -64,16 +64,16 @@
 
 <!-- blog index -->
 <details open id="blog" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--article"></span>
         </div>
         <a href="#blog">blog</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
diff --git a/donate/index.html b/donate/index.html
index f593a8d..d039982 100644
--- a/donate/index.html
+++ b/donate/index.html
@@ -63,16 +63,16 @@
 
 <!-- donation window -->
 <details open id="donate" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--message-chatbot"></span>
         </div>
         <a href="#donate">donate</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
diff --git a/index.html b/index.html
index 405617b..1701fb6 100644
--- a/index.html
+++ b/index.html
@@ -62,16 +62,16 @@
 
 <!-- simple site introduction -->
 <details open id="site" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--message-chatbot"></span>
         </div>
         <a href="#site">welcome!</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -95,16 +95,16 @@
 
 <!-- buttons -->
 <details open id="buttons" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--link"></span>
         </div>
         <a href="#buttons">buttons</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
diff --git a/me/dni/index.html b/me/dni/index.html
deleted file mode 100644
index 201f7d5..0000000
--- a/me/dni/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-
-<head>
-    <meta charset="UTF-8">
-    <title>do not interact @ synth download!</title>
-    <link rel="icon" type="image/png" href="/assets/favicon.png">
-    <link rel="stylesheet" type="text/css" href="/ruben.css">
-    <link rel="stylesheet" type="text/css" href="/font.css">
-    <link rel="stylesheet" type="text/css" href="/tabler.css">
-    <link rel="stylesheet" type="text/css" href="/style.css">
-    <link rel="canonical" href="https://synth.download/">
-    <link rel="me" href="https://booping.synth.download/@sneexy">
-    <link rel="me" href="https://beeping.synth.download/@sneexy">
-    <link rel="me" href="https://git.gay/sneexy">
-    <meta lang="en-US">
-    <meta property="og:url" content="https://synth.download/">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="/script.js"></script>
-    <script src="/script.js" defer="defer"></script>
-</head>
-
-<body>
-
-<!-- top navbar -->
-<div class="navbar">
-    <a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
-    <details class="nav-base nav-baselink-mobile">
-        <summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
-        <ul>
-            <li>
-                <a href="/"><span class="tabler--home"></span> home</a>
-            </li>
-            <li>
-                <a href="/me"><span class="tabler--user"></span> about me</a>
-            </li>
-            <li>
-                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
-            </li>
-            <li>
-                <a href="/me#links"><span class="tabler--link"></span> links</a>
-            </li>
-        </ul>
-    </details>
-    <nav class="nav-base nav-links">
-        <a href="/"><span class="tabler--home"></span> home</a>
-        <div class="dot"></div>
-        <a href="/me"><span class="tabler--user"></span> about me</a>
-        <div class="dot"></div>
-        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
-        <div class="dot"></div>
-        <a href="/me#links"><span class="tabler--link"></span> links</a>
-    </nav>
-    <p aria-hidden="true" class="nav-base nav-systray">
-        <span class="tabler--bell"></span>
-        <span class="tabler--volume"></span>
-        <span class="tabler--wifi"></span>
-        <span class="tabler--battery-filled"></span>
-    </p>
-</div>
-
-<!-- dni -->
-<details open id="do-not-interact" class="window">
-    <summary aria-hidden="true">
-        <div>
-            <span class="tabler--link"></span>
-        </div>
-        <a href="#do-not-interact">do-not-interact</a>
-        <div>
-            <span class="tabler--minimize"></span>
-            <span class="tabler--maximize"></span>
-        </div>
-        <div>
-            <span class="tabler--x"></span>
-        </div>
-    </summary>
-
-    <section>
-        <h1><a href="#do-not-interact">do not interact</a></h1>
-        <p>my own dni list. also includes specific bits for other platforms such as the fediverse.</p>
-        <p>consider this page "Discontinued" but information on here should still apply.</p>
-        <span id="seperator"></span>
-        <b>to get the basics and hopefully well known out of the way:</b>
-        <ul>
-            <li>homo/trans/queerphobes</li>
-            <li>nazis</li>
-            <li>racists</li>
-            <li>rightoids, "antiwoke"</li>
-            <li>pedos/maps/zoos</li>
-            <li>tech/aibros <small>(you know who you are)</small></li>
-            <li>cop supporters</li>
-            <li>the bad space/are0h/packetcat supporters <small>(if you don't know what this means, you're most likely fine!)</small></li>
-        </ul>
-        <p>...you know the drill. kindly Get The Hell Away From Me! <svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
-        <span id="seperator"></span>
-        <h2><a href="#fedi">fedi</a></h2>
-        <p><b>instances that i look out for:</b></p>
-        <ul>
-            <li>
-                mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--red);">ignored</span>
-            </li>
-            <li>
-                hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span>
-            </li>
-            <li>
-                transfem.social and woem.men go though heavy vibe checking
-            </li>
-        </ul>
-        <p>feel free to send a follow request if you think you pass all of the above or aren't on an instance i dislike a bit too much!</p>
-        <p>if you'd like to ask for reasons with the list above, feel free to send a DM.</p>
-    </section>
-</details>
-
-<!-- webrings and credits -->
-<footer>
-    <details open id="footer" class="window">
-        <summary aria-hidden="true">
-            <a href="#footer">footer</a>
-        </summary>
-
-        <section>
-            <p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
-            <p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
-            <p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
-            <section class="inner-footer">
-                <a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" alt="website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
-                <a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--accent) 25%, transparent); color: var(--accent);" alt="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
-                <a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--blue) 25%, transparent); color: var(--blue);" alt="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
-                <a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
-                <a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" alt="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
-            </section>
-            <p style="padding-bottom: 14px;"><a href="https://synthspecies.com">Synth species</a> created by <a href="https://www.furaffinity.net/user/vader-san">Vader-San</a>, synth.download is not affiliated with the creator in any way.</p>
-            <p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
-            <p>♡2025 All wrongs reversed. Please copy and share.</p>
-            <img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
-        </section>
-    </details>
-</footer>
-
-<!-- element used for our alt popup -->
-<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
-
-</body>
-
-</html>
diff --git a/me/index.html b/me/index.html
index 9f3fcb1..343ff4a 100644
--- a/me/index.html
+++ b/me/index.html
@@ -30,7 +30,7 @@
 <div class="navbar">
     <a class="nav-base nav-baselink" href="/"><span class="tabler--grid-dots"></span> synth download!</a>
     <details class="nav-base nav-baselink-mobile">
-        <summary><span class="tabler--grid-dots"></span> s <div class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
+        <summary><span class="tabler--grid-dots"></span> s <div aria-hidden="true" class="dot" style="background-color: var(--background) !important;"></div> d!</summary>
         <ul>
             <li>
                 <a href="/"><span class="tabler--home"></span> home</a>
@@ -48,11 +48,11 @@
     </details>
     <nav class="nav-base nav-links">
         <a href="/"><span class="tabler--home"></span> home</a>
-        <div class="dot"></div>
+        <div aria-hidden="true" class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
-        <div class="dot"></div>
+        <div aria-hidden="true" class="dot"></div>
         <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
-        <div class="dot"></div>
+        <div aria-hidden="true" class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
     <p aria-hidden="true" class="nav-base nav-systray">
@@ -64,17 +64,19 @@
 </div>
 
 <!-- simple introduction -->
+<div aria-hidden="true"></div>
+
 <details open id="sneexy" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--user"></span>
         </div>
         <a href="#sneexy">sneexy info</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -112,16 +114,16 @@
 
 <!-- about me -->
 <details open id="about-me" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--info-circle"></span>
         </div>
         <a href="#about-me">about me</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -143,16 +145,16 @@
 
 <!-- socials -->
 <details open id="links" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--link"></span>
         </div>
         <a href="#links">links</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -177,16 +179,16 @@
 
 <!-- "fun" facts -->
 <details open id="fun-facts" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--mood-empty"></span>
         </div>
         <a href="#fun-facts">"fun" facts</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
diff --git a/me/ruben/index.html b/me/ruben/index.html
index 762d4a4..e712fe0 100644
--- a/me/ruben/index.html
+++ b/me/ruben/index.html
@@ -62,16 +62,16 @@
 
 <!-- intro -->
 <details open id="intro" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--robot-face"></span>
         </div>
         <a href="#intro">ruben's introduction</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -102,16 +102,16 @@
 
 <!-- features -->
 <details open id="features" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--notes"></span>
         </div>
         <a href="#features">features</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
@@ -164,16 +164,16 @@
 
 <!-- personality -->
 <details open id="personality" class="window">
-    <summary aria-hidden="true">
-        <div>
+    <summary>
+        <div aria-hidden="true">
             <span class="tabler--mood-look-up"></span>
         </div>
         <a href="#personality">personality</a>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--minimize"></span>
             <span class="tabler--maximize"></span>
         </div>
-        <div>
+        <div aria-hidden="true">
             <span class="tabler--x"></span>
         </div>
     </summary>
diff --git a/style.css b/style.css
index e2cef3f..aa8b663 100644
--- a/style.css
+++ b/style.css
@@ -187,6 +187,8 @@ footer {
     border-bottom: .2rem solid var(--accent);
     color: var(--foreground);
 
+    transition: .2s background-color, .1s border-bottom;
+
     .nav-base {
         padding: 0px .2em !important;
         max-width: fit-content;
@@ -251,6 +253,12 @@ footer {
     }
 }
 
+.navbar:hover {
+    transition: .2s background-color, .1s border-bottom;
+    background-color: var(--accent);
+    border-bottom: .1rem solid var(--accent);
+}
+
 /* text formatting and config stuff
 font-family and <p> is set under .terminal */
 
