From 0f2fe89baef775ad7c01f0df5da15ea17645aefe Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Thu, 22 Jan 2026 21:52:54 -0500
Subject: [PATCH] seperate header & index

---
 header.html |  3 +++
 index.html  | 15 +++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 header.html
diff --git a/header.html b/header.html
new file mode 100644
index 0000000..4467776
--- /dev/null
+++ b/header.html
@@ -0,0 +1,3 @@
+<div class="header">
+    <img src="/assets/SplatNetLogo.png" class="logo" alt="SplatNet Logo" />
+</div>
\ No newline at end of file
diff --git a/index.html b/index.html
index 8ad5acb..86b2245 100644
--- a/index.html
+++ b/index.html
@@ -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>
