new

Author: Aditya30ag

DISCOVER/404.html

@@ -10,14 +10,14 @@
 
   <style>
     :root {
-      --bg-start: #0f0f14;
-      --bg-mid: #141625;
-      --bg-end: #0f0f14;
-      --card-bg: rgba(255,255,255,0.04);
-      --card-border: rgba(255,255,255,0.12);
-      --muted: rgba(255,255,255,0.6);
+      --bg-start: #000000;
+      --bg-mid: #0a0a0a;
+      --bg-end: #000000;
+      --card-bg: rgba(20,20,20,0.95);
+      --card-border: rgba(255,255,255,0.15);
+      --muted: rgba(255,255,255,0.7);
       --text-on-card: #ffffff;
-      --select-bg: #0f1220;
+      --select-bg: #1a1a1a;
     }
 
     [data-bs-theme="light"] {
@@ -111,16 +111,23 @@ <h1 id="title" class="h3 fw-semibold text-card mb-2">
       </div>
 
       <div class="d-flex flex-column align-items-center gap-2">
-        <label for="language-switcher" class="form-label small text-muted-custom mb-0">
+        <span class="form-label small text-muted-custom mb-2">
           Language
-        </label>
-
-        <select id="language-switcher"
-                class="form-select w-auto select-theme"
-                aria-label="Language selector">
-          <option value="en">English</option>
-          <option value="es">Español</option>
-        </select>
+        </span>
+        <div class="btn-group" role="group" aria-label="Language selector">
+          <button type="button" 
+                  id="lang-en" 
+                  class="btn btn-outline-light lang-toggle"
+                  data-lang="en">
+            English
+          </button>
+          <button type="button" 
+                  id="lang-es" 
+                  class="btn btn-outline-light lang-toggle"
+                  data-lang="es">
+            Español
+          </button>
+        </div>
       </div>
 
       <p id="footer" class="mt-4 small text-muted-custom">
@@ -141,11 +148,11 @@ <h1 id="title" class="h3 fw-semibold text-card mb-2">
       },
       es: {
         title: "Página no encontrada",
-        message: "Parece que esta página se perdió.",
-        suggestion: "Puede que haya sido eliminada o nunca existió.",
+        message: "Parece que esta página tomó un desvío incorrecto.",
+        suggestion: "Puede haber sido eliminada, renombrada o nunca existió.",
         home: "← Volver al inicio",
         report: "Informar problema",
-        footer: "¿Crees que es un error? Infórmanos creando un issue."
+        footer: "¿Crees que esto es un error? Abre un issue y haznoslo saber."
       }
     };
 
@@ -162,13 +169,29 @@ <h1 id="title" class="h3 fw-semibold text-card mb-2">
       document.getElementById("home").textContent = t.home;
       document.getElementById("report").textContent = t.report;
       document.getElementById("footer").textContent = t.footer;
-      document.getElementById("language-switcher").value = lang;
+      
+      // Update toggle buttons
+      document.querySelectorAll('.lang-toggle').forEach(btn => {
+        if (btn.dataset.lang === lang) {
+          btn.classList.remove('btn-outline-light');
+          btn.classList.add('btn-light');
+        } else {
+          btn.classList.remove('btn-light');
+          btn.classList.add('btn-outline-light');
+        }
+      });
+      
       localStorage.setItem("preferredLang", lang);
     }
 
     applyLanguage(detectLanguage());
-    document.getElementById("language-switcher")
-      .addEventListener("change", e => applyLanguage(e.target.value));
+    
+    // Add click handlers to language toggle buttons
+    document.querySelectorAll('.lang-toggle').forEach(btn => {
+      btn.addEventListener('click', () => {
+        applyLanguage(btn.dataset.lang);
+      });
+    });
   </script>
 
 </body>