seperate header & index

This commit is contained in:
kittentm 2026-01-22 21:52:54 -05:00
commit 0f2fe89bae
2 changed files with 14 additions and 4 deletions

3
header.html Normal file
View file

@ -0,0 +1,3 @@
<div class="header">
<img src="/assets/SplatNetLogo.png" class="logo" alt="SplatNet Logo" />
</div>

View file

@ -8,9 +8,7 @@
</head>
<body>
<div class="header">
<img src="assets/SplatNetLogo.png" class="logo" alt="SplatNet Logo" />
</div>
<div id="header-container"></div>
<div id="loading-overlay" class="loading-overlay">
<canvas id="loading-canvas" width="100" height="100"></canvas>
@ -18,10 +16,19 @@
</div>
<div class="content">
<img src="assets/stageinfo.png" class="stage-info" alt="Stage Info" />
<img src="/assets/stageinfo.png" class="stage-info" alt="Stage Info" />
<div class="stages-container" id="stages-container"></div>
</div>
<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>
<script src="stages.js"></script>
</body>
</html>