add dummy pages

2026-02-02 07:38:35 +01:00 · 2026-02-02 07:38:35 +01:00 · dd90462f80
commit dd90462f80
parent 48ef84898a
13 changed files with 897 additions and 42 deletions
--- a/equipment/index.html
+++ b/equipment/index.html
@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>SplatNet - Splatoon's multiplayer service hub</title>
+  <link rel="icon" href="../favicon.ico" type="image/x-icon" />
+  <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+  <div id="header-container"></div>
+  
+  <div id="squid-container">
+    <canvas id="squid-canvas" width="1920" height="1080"></canvas>
+  </div>
+
+  <div id="loading-overlay" class="loading-overlay">
+    <canvas id="loading-canvas" width="100" height="100"></canvas>
+    <div id="loading-text">Loading</div>
+  </div>
+
+
+  
+  <script>
+    //TODO: migrate into accompanying JS, just put it in here for now to allow for copy paste,
+    //however ie screams abt you doing this afaik
+    fetch("../header.html")
+  .then(res => res.text())
+  .then(html => {
+    const headerContainer = document.getElementById("header-container");
+    headerContainer.innerHTML = html;
+
+    const friendButton = headerContainer.querySelector('.menu-item.equipment');
+    if (friendButton) {
+      friendButton.classList.add('active');
+    }
+    
+    // temporaily force hide lol
+    document.getElementById("loading-overlay").style.display = "none";
+  });
+  </script>
+
+  <script src="equipment.js"></script>
+</body>
+</html>