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