added 404 page

2025-01-25 22:04:48 +01:00
parent 5bb115e281
commit 37ebd63e3b
4 changed files with 53 additions and 4 deletions
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
+
+  <link rel="stylesheet" href="/global/navBar.css">
+  <link rel="stylesheet" href="/global/globalStyle.css">
+  <link rel="stylesheet" href="/global/loadingScreen.css">
+  <link rel="stylesheet" href="style.css">
+
+  <link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
+  <title>Byte Dice - 404</title>
+</head>
+
+<body>
+  <div id="mainDiv">
+    <h3 style="text-align: center; margin: 20px auto; max-width: min(600px, 90vw);">404 - Page not found.<br>
+    But you found this page, so... good job, I guess?<br><br>
+    Have a picture of a cat instead:<br>
+    <img src="/assets/boykissers/boykisser.png" style="max-width: min(300px, 50vw); max-height: min(300px, 50vh); aspect-ratio: 1 / 1; border: 1vw solid black; border-radius: 15%;"><br>
+    Oh yeah, you go to the homepage by pressing the button with 3 dots in the bottom.<br>
+    It's supposed to represent a 3-dice roll.
+    </h3>
+    <div id="navBarContainer" data-alt="byte"></div>
+  </div>
+
+  <div id="loadingScreen"></div>
+
+  <!-- global -->
+  <script src="/global/globalScript.js"></script>
+  <script src="/global/pxDensity.js"></script>
+  <script src="/global/loadingScreen.js"></script>
+  <script src="/global/navBar.js"></script>
+  <script src="/global/screenTransition.js"></script>
+
+  <!-- local -->
+  <script src="script_404.js"></script>
+</body>
+
+</html>
@@ -1,8 +1,9 @@
 const PAGES = {
-  null: -1,
-  SYNTHWAVE: 0,
-  TOYS: 1,
-  LICENSE: 2,
+  _404: -1,
+  null: 0,
+  SYNTHWAVE: 1,
+  TOYS: 2,
+  LICENSE: 3,
 }
 const CONSOLE_COLORS = {
  red: "color: #FF0000;",
@@ -0,0 +1 @@
+CURRENT_PAGE = PAGES._404
@@ -10,6 +10,11 @@
 		<priority>0.67</priority>
 		<lastmod>2025-01-25</lastmod>
 	</url>
+	<url>
+		<loc>https://www.bytedice.net/404.html</loc>
+		<priority>0.67</priority>
+		<lastmod>2025-01-25</lastmod>
+	</url>
 	<url>
 		<loc>https://www.bytedice.net/toys/license</loc>
 		<priority>0.33</priority>