SplatNet/index.html

39 lines
1.1 KiB
HTML
Raw Normal View History

2025-12-28 15:28:26 -05:00
<!DOCTYPE html>
<html lang="en">
<head>
2026-01-22 23:57:55 -05:00
<div id="squid-container">
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
</div>
<meta charset="UTF-8" />
2026-01-23 00:02:41 -05:00
<title>SplatNet - Splatoon's multiplayer service hub</title>
2026-01-22 23:57:55 -05:00
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="styles.css" />
2025-12-28 15:28:26 -05:00
</head>
<body>
2026-01-22 23:57:55 -05:00
<div id="header-container"></div>
2025-12-28 15:28:26 -05:00
2026-01-22 23:57:55 -05:00
<div id="loading-overlay" class="loading-overlay">
<canvas id="loading-canvas" width="100" height="100"></canvas>
<div id="loading-text">Loading</div>
</div>
2026-01-22 23:57:55 -05:00
<div class="content">
2026-01-22 21:52:54 -05:00
<img src="/assets/stageinfo.png" class="stage-info" alt="Stage Info" />
2026-01-22 23:08:26 -05:00
<div class="stage-info-text">
2026-01-22 23:57:55 -05:00
Use the stage information to guide your weapon strategy and battle strategy!
2026-01-22 23:08:26 -05:00
</div>
2026-01-16 02:30:44 +01:00
<div class="stages-container" id="stages-container"></div>
2026-01-22 23:57:55 -05:00
</div>
2025-12-30 04:25:58 +01:00
2026-01-22 23:57:55 -05:00
<script>
fetch("/header.html")
.then(res => res.text())
.then(html => {
document.getElementById("header-container").innerHTML = html;
})
.catch(err => console.error("Failed to load header:", err));
</script>
2026-01-22 21:52:54 -05:00
2026-01-22 23:57:55 -05:00
<script src="stages.js"></script>
2025-12-28 15:28:26 -05:00
</body>
</html>