Added Badges

10 files changed, 29 insertions, 24 deletions

diff --git a/assets/badges/go2hell.gif b/assets/badges/go2hell.gif
new file mode 100644
index 0000000..7f1290a
--- /dev/null
+++ b/assets/badges/go2hell.gif
diff --git a/assets/badges/html.gif b/assets/badges/html.gif
new file mode 100644
index 0000000..106af2d
--- /dev/null
+++ b/assets/badges/html.gif
diff --git a/assets/badges/javascript.gif b/assets/badges/javascript.gif
new file mode 100644
index 0000000..7937f54
--- /dev/null
+++ b/assets/badges/javascript.gif
diff --git a/assets/badges/lynx.gif b/assets/badges/lynx.gif
new file mode 100644
index 0000000..452ac5e
--- /dev/null
+++ b/assets/badges/lynx.gif
diff --git a/assets/badges/midi_files_now.gif b/assets/badges/midi_files_now.gif
new file mode 100644
index 0000000..18a2422
--- /dev/null
+++ b/assets/badges/midi_files_now.gif
diff --git a/assets/badges/neovim.gif b/assets/badges/neovim.gif
new file mode 100644
index 0000000..c3670e2
--- /dev/null
+++ b/assets/badges/neovim.gif
diff --git a/assets/badges/powered-by-debian.gif b/assets/badges/powered-by-debian.gif
new file mode 100644
index 0000000..1f617c8
--- /dev/null
+++ b/assets/badges/powered-by-debian.gif
diff --git a/index.css b/index.css
index 712f8a1..62d4571 100644
--- a/index.css
+++ b/index.css
@@ -26,4 +26,10 @@ a:visited {
 
 .whatever {
     grid-area: 1 / 1 / 2 / 2;
-}
\ No newline at end of file
+}
+
+#badge-grid {
+    display: inline-grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 4px;
+}
diff --git a/index.html b/index.html
index e36eae3..b27417e 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,20 @@
         <a class="evil" href="https://evilr.ing/soaos/next">⛤</a>
     </div>
 
-    <footer class="centered"><div class="inline-block" title="🦌 -<3"><span class="white-on-red">&nbsp;</span><span class="red-on-white">🍁</span><span class="white-on-red">&nbsp;</span></div> 2025</footer>
+    <footer class="centered">
+            <h2 class="hidden">Badges</h2>
+            <ul id="badge-grid" class="no-bullets">
+                <li><a href="https://neocities.org/" target="_blank"><img src="/assets/badges/html.gif" alt="Learn HTML Now!"/></a></li>
+                <li><img src="/assets/badges/javascript.gif" alt="Javascript-Free Page"/></li>
+                <li><a href="https://lynx.browser.org/" target="_blank"><img src="/assets/badges/lynx.gif" alt="Lynx Compatible"/></a></li>
+                <li><a href="https://www.debian.org/" target="_blank"><img src="/assets/badges/powered-by-debian.gif" alt="Powered by Debian"/></a></li>
+                <li><a href="https://neovim.io/" target="_blank"><img src="/assets/badges/neovim.gif" alt="Made with Neovim"/></a></li>
+                <li><img src="/assets/badges/go2hell.gif" alt="Go 2 Hell Now!"/></li>
+            </ul>
+            <div>
+                <div class="inline-block" title="🦌 -<3"><span class="red-on-white">█🍁█</span> 2025</div>
+            </div>
+    </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
index fbd6e67..e8a9e8d 100644
--- a/style.css
+++ b/style.css
@@ -111,13 +111,6 @@ h3 {
 }
 
 @keyframes evilGlow {
-  0% {
-    text-shadow: 0 0 5px #f00, /* Red glow */
-                 0 0 10px #f00,
-                 0 0 20px #f00,
-                 0 0 40px #8b0000, /* Darker red for depth */
-                 0 0 80px #8b0000;
-  }
   50% {
     text-shadow: 0 0 10px #f00,
                  0 0 20px #f00,
@@ -125,18 +118,11 @@ h3 {
                  0 0 80px #8b0000,
                  0 0 120px #8b0000;
   }
-  100% {
-    text-shadow: 0 0 5px #f00,
-                 0 0 10px #f00,
-                 0 0 20px #f00,
-                 0 0 40px #8b0000,
-                 0 0 80px #8b0000;
-  }
 }
 
 .evil {
     color: var(--red);
-    animation: evilGlow 2s infinite alternate;
+    animation: evilGlow 4s linear infinite;
 }
 
 a.evil:visited {
@@ -156,12 +142,12 @@ a.evil:hover {
     padding-left: 0;
 }
 
-.white-on-red {
-    color: white;
-    background-color: red;
-}
-
 .red-on-white {
     color: red;
     background-color: white;
-}
\ No newline at end of file
+}
+
+.hidden {
+    display: none;
+}
+