From 61bb1337985e24da869b03c602a00aeeca47c68f Mon Sep 17 00:00:00 2001
From: MattTheTekie <throwaway.navigate072@silomails.com>
Date: Fri, 24 Apr 2026 11:40:10 -0400
Subject: [PATCH] chore: fixes

---
 css/legacy.css.bak | 160 ------------------------------------------
 legacy.html        | 168 ++++++++++++++++-----------------------------
 2 files changed, 58 insertions(+), 270 deletions(-)
 delete mode 100644 css/legacy.css.bak

diff --git a/css/legacy.css.bak b/css/legacy.css.bak
deleted file mode 100644
index 9cb2e04..0000000
--- a/css/legacy.css.bak
+++ /dev/null
@@ -1,160 +0,0 @@
-/* ===== BODY (same vibe) ===== */
-body {
-    background: url("http://www.veltron.net/images/wallpaper.png") no-repeat center center fixed;
-    background-size: cover;
-    font-family: "Roboto", arial, serif;
-    margin: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-}
-
-/* ===== CONSOLE FRAME ===== */
-#console {
-display: flex;
-flex-direction: column;
-align-items: center;
-}
-
-/* ===== SCREENS ===== */
-.screen {
-    width: 360px;
-    border: 2px solid #6f2020;
-    border-radius: 14px;
-    overflow: hidden;
-}
-
-/* TOP SCREEN */
-.top-screen {
-    height: 160px;
-    background: url("http://www.veltron.net/images/dots.png"),
-    linear-gradient(to bottom, #ff8080 0%, #da3636 40%, #e04343 100%);
-}
-
-/* reuse your header */
-#header {
-display: flex;
-justify-content: center;
-align-items: center;
-height: 100%;
-}
-
-#header h1 {
-background: linear-gradient(to bottom, #ff8080 0%, #da3636 70%, #e04343 100%);
-border: 1px solid #8d2727;
-text-shadow: #2d459e 2px 2px 4px;
-color: white;
-padding: 6px 20px;
-}
-
-/* HINGE */
-.hinge {
-    width: 380px;
-    height: 16px;
-    background: #6f2020;
-    margin: 4px 0;
-    border-radius: 4px;
-}
-
-/* BOTTOM SCREEN */
-.bottom-screen {
-    height: 280px;
-    padding: 8px;
-    background: url("http://www.veltron.net/images/dots.png"),
-    linear-gradient(200deg, #f15a5a 60%, #eb4949 90%);
-}
-
-/* ===== NAV (reuse style) ===== */
-.nav-categories {
-    background-color: #da3e3e;
-    border: 1px solid #6f2020;
-    border-radius: 8px;
-    padding: 5px;
-    margin-bottom: 8px;
-}
-
-.nav-categories span {
-    display: block;
-    text-align: center;
-    background: linear-gradient(to bottom, #e4d16b 0%, #c28435 60%, #d87d2c 100%);
-    border: 1px solid #6f2020;
-    color: #fff;
-    margin-bottom: 5px;
-}
-
-/* GRID INSTEAD OF SIDEBAR */
-.nav-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 5px;
-}
-
-.nav-grid a {
-    text-align: center;
-    padding: 6px;
-    color: #e5e5f5;
-    text-shadow: #2a2969 2px 2px 4px;
-    background: rgba(0,0,0,0.15);
-    border-radius: 6px;
-    text-decoration: none;
-}
-
-.nav-grid a:hover {
-    text-decoration: underline;
-}
-
-/* ===== CONTENT ===== */
-.content-box {
-    padding: 8px;
-    height: 140px;
-    overflow-y: auto;
-}
-
-/* reuse your pattern */
-.text-containers-main-bg {
-    background-color: #aabdff;
-    background-image: repeating-linear-gradient(
-        45deg,
-        #faa0a0 25%,
-        transparent 25%,
-        transparent 75%,
-        #faa0a0 75%
-    );
-    border: 1px solid #a14c4c;
-}
-
-
-.text-containers-main-bg {
-    background-color: #aabdff;
-
-    background-image:
-    repeating-linear-gradient(
-        45deg,
-        #faa0a0 25%,
-        transparent 25%,
-        transparent 75%,
-        #faa0a0 75%,
-        #faa0a0
-    ),
-    repeating-linear-gradient(
-        45deg,
-        #faa0a0 25%,
-        #faa 25%,
-        #faa 75%,
-        #faa0a0 75%,
-        #faa0a0
-    );
-
-    background-position: 0 0, 26px 26px;
-    background-size: 52px 52px;
-
-    border: 1px solid #a14c4c;
-}
-
-
-/* ===== DSI MODE ===== */
-body.console-dsi .screen {
-    width: 320px;
-}
-
diff --git a/legacy.html b/legacy.html
index ff3e5a7..1deb139 100644
--- a/legacy.html
+++ b/legacy.html
@@ -100,143 +100,91 @@
 function showHome(event) {
   if (event) event.preventDefault();
 
-  document.getElementById("content").innerHTML = `
-    <img src="images/digimon_thkh.1200-2533722281.jpg" width="100%" height="80%">
-    <center>
-      <p>
-        <img
-          src="images/gifs/kirby19.gif"
-          class="home-img-1"
-          align="left"
-          alt="Kirby holding Hi!! sign"
-        />
-      </p>
-      <p>
-        Welcome to the Veltron Network!<br>
-        Our corner of the internet is a unique and inclusive space to explore technology and much more.
-        We are pioneers in the world of FOSS.
-      </p>
-    </center>
-  `;
+  document.getElementById("content").innerHTML =
+    '<img src="images/digimon_thkh.1200-2533722281.jpg" width="100%" height="80%">' +
+    '<center>' +
+    '<p><img src="images/gifs/kirby19.gif" class="home-img-1" align="left" alt="Kirby"></p>' +
+    '<p>' +
+    'Welcome to the Veltron Network!<br>' +
+    'Our corner of the internet is a unique and inclusive space to explore technology and much more.<br>' +
+    'We are pioneers in the world of FOSS.' +
+    '</p>' +
+    '</center>';
 }
 
 function showMembers(event) {
   if (event) event.preventDefault();
 
-  const target = document.getElementById("content");
+  var target = document.getElementById("content");
+  target.innerHTML = "<center><h2>Loading Members...</h2></center>";
 
-  target.innerHTML = `<center><h2>Loading Members...</h2></center>`;
+  var xhr = new XMLHttpRequest();
+  xhr.open("GET", "members.html", true);
 
-  fetch("members.html")
-    .then(res => {
-      if (!res.ok) throw new Error("Failed to load Members");
-      return res.text();
-    })
-    .then(html => {
-      const temp = document.createElement("div");
-      temp.innerHTML = html;
+  xhr.onreadystatechange = function () {
+    if (xhr.readyState === 4) {
+      if (xhr.status === 200) {
+        var temp = document.createElement("div");
+        temp.innerHTML = xhr.responseText;
 
-      // Your members.html uses #homeSection for member content
-      const section = temp.querySelector("#homeSection");
+        var section = temp.querySelector("#homeSection");
 
-      if (!section) {
-        target.innerHTML = "<h2>Members</h2><p>Missing #homeSection</p>";
-        return;
+        if (!section) {
+          target.innerHTML = "<h2>Members</h2><p>Missing #homeSection</p>";
+          return;
+        }
+
+        target.innerHTML = section.innerHTML;
+      } else {
+        target.innerHTML = "<h2>Members</h2><p>Error loading page</p>";
       }
+    }
+  };
 
-      const img = section.querySelector('img[src*="kirby19.gif"]');
-
-      if (!img) {
-        target.innerHTML = section.outerHTML;
-        return;
-      }
-
-      const range = document.createRange();
-      range.setStartBefore(img);
-      range.setEndAfter(section.lastChild);
-
-      const fragment = range.cloneContents();
-
-      const wrapper = document.createElement("div");
-      wrapper.id = "aboutSection";
-      wrapper.appendChild(fragment);
-
-      target.innerHTML = wrapper.innerHTML;
-    })
-    .catch(err => {
-      console.error(err);
-      target.innerHTML = `
-        <div class="text-containers-main-bg content-box">
-          <h2>Members</h2>
-          <p>Error loading page</p>
-        </div>
-      `;
-    });
+  xhr.send(null);
 }
 
 function showAbout(event) {
   if (event) event.preventDefault();
 
-  const target = document.getElementById("content");
+  var target = document.getElementById("content");
+  target.innerHTML = "<center><h2>Loading About...</h2></center>";
 
-  target.innerHTML = `<center><h2>Loading About...</h2></center>`;
+  var xhr = new XMLHttpRequest();
+  xhr.open("GET", "about.html", true);
 
-  fetch("about.html")
-    .then(res => {
-      if (!res.ok) throw new Error("Failed to load About");
-      return res.text();
-    })
-    .then(html => {
-      const temp = document.createElement("div");
-      temp.innerHTML = html;
+  xhr.onreadystatechange = function () {
+    if (xhr.readyState === 4) {
+      if (xhr.status === 200) {
+        var temp = document.createElement("div");
+        temp.innerHTML = xhr.responseText;
 
-      const section = temp.querySelector("#aboutSection");
+        var section = temp.querySelector("#aboutSection");
 
-      if (!section) {
-        target.innerHTML = "<h2>About</h2><p>Missing #aboutSection</p>";
-        return;
+        if (!section) {
+          target.innerHTML = "<h2>About</h2><p>Missing #aboutSection</p>";
+          return;
+        }
+
+        target.innerHTML = section.innerHTML;
+      } else {
+        target.innerHTML = "<h2>About</h2><p>Error loading page</p>";
       }
+    }
+  };
 
-      const img = section.querySelector('img[src*="kirby19.gif"]');
-
-      if (!img) {
-        target.innerHTML = section.outerHTML;
-        return;
-      }
-
-      const range = document.createRange();
-      range.setStartBefore(img);
-      range.setEndAfter(section.lastChild);
-
-      const fragment = range.cloneContents();
-
-      const wrapper = document.createElement("div");
-      wrapper.id = "aboutSection";
-      wrapper.appendChild(fragment);
-
-      target.innerHTML = wrapper.innerHTML;
-    })
-    .catch(err => {
-      console.error(err);
-      target.innerHTML = `
-        <div class="text-containers-main-bg content-box">
-          <h2>About</h2>
-          <p>Error loading page</p>
-        </div>
-      `;
-    });
+  xhr.send(null);
 }
 
 function showCode(event) {
   if (event) event.preventDefault();
 
-  document.getElementById("content").innerHTML = `
-    <div class="text-containers-main-bg content-box">
-      <center><h2>Easter Egg</h2></center>
-      <center><a href="http://cdn.veltron.net/rickroll.gif">click me</a></center>
-      <center><a href="http://cdn.veltron.net/rickroll3ds.mp4">click me (new 3ds users only)</a></center>
-    </div>
-  `;
+  document.getElementById("content").innerHTML =
+    '<div class="text-containers-main-bg content-box">' +
+    '<center><h2>Easter Egg</h2></center>' +
+    '<center><a href="http://cdn.veltron.net/rickroll.gif">click me</a></center>' +
+    '<center><a href="http://cdn.veltron.net/rickroll3ds.mp4">click me (new 3ds users only)</a></center>' +
+    '</div>';
 }
 </script>