Improve 404 page

Prince527GitHub · Prince527GitHub · commit 7c0c70e3f703 · 2026-02-12T09:22:12.000-04:00
diff --git a/.github/migrate/template.html b/.github/migrate/template.html
@@ -2,13 +2,16 @@
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">+
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="shortcut icon" href="/web/404/img/icon.png">
+	<link rel="stylesheet" href="/web/404/css/style.css">
+	<script src="/web/404/js/script.js" defer></script>
     <meta http-equiv="refresh" content="0; url=REPLACE_URL" />
 	<title>Moving To Legacy</title>
 </head>
 <body>
 
-    <a href="REPLACE_URL">Redirecting...</a>
+    <a href="REPLACE_URL"><h1 id="typewriter-text">Redirecting...</h1></a>
 
 </body>
 </html>
diff --git a/web/404/css/style.css b/web/404/css/style.css
@@ -43,6 +43,10 @@ h1 {
     border-right: 8px solid rgb(194, 194, 194);
 }
 
+a {
+    color: rgb(194, 194, 194);
+}
+
 /* @keyframes typewriter {
     from {
         width: 0%;
diff --git a/web/404/index.html b/web/404/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en-us">
-
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -10,11 +9,9 @@
 	<script src="/web/404/js/script.js" defer></script>
 	<title>ServerSMP</title>
 </head>
-
 <body>
 
-	<h1 id="typewriter-text"></h1>
+	<h1 id="typewriter-text">404</h1>
 
 </body>
-
 </html>
diff --git a/web/404/js/script.js b/web/404/js/script.js
@@ -1,12 +1,12 @@
-const text = "404";
+const element = document.getElementById("typewriter-text");
+
+const text = element.textContent;
 let index = 0;
 let direction = 1;
 
 function typewriter() {
-    const typewriterText = document.getElementById("typewriter-text");
-
-    if (direction === 1) typewriterText.textContent = text.slice(0, ++index);
-    else typewriterText.textContent = text.slice(0, --index);
+    if (direction === 1) element.textContent = text.slice(0, ++index);
+    else element.textContent = text.slice(0, --index);
 
     if (index === text.length) direction = -1;
     else if (index === 0) direction = 1;
