add

Liberluna · Nov 18, 2023 · 5f4093e · 5f4093e
1 parent 97d6a8d
commit 5f4093e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 1 deletion.
diff --git a/assets/JSPCE-Cover2.png b/assets/JSPCE-Cover2.png
diff --git a/src/public/background-dark.png b/src/public/background-dark.png
diff --git a/src/src/layout/Header/ThemeSwitch.astro b/src/src/layout/Header/ThemeSwitch.astro
@@ -38,5 +38,7 @@
             localStorage.setItem("theme", currentTheme);
             switchIcon.setAttribute("src", sunImage);
         }
+
+        window.dispatchEvent(new Event("themeChanged"));
     })
 </script>
diff --git a/src/src/pages/index.astro b/src/src/pages/index.astro
@@ -7,11 +7,26 @@ import Layout from '../layout/Layout.astro';
 	<div style={{
 		background: "url('/background.png')",
 		backgroundSize: "cover",
-	}} class="min-h-screen flex items-center justify-center">
+	}} class="min-h-screen flex items-center justify-center" id="hero">
 
 	<div>
 		<div class="text-3xl font-bold">Hello JavaScriptist 👋</div>
 	</div>
 
 	</div>
 </Layout>
+
+<script>
+	window.addEventListener("themeChanged", () => {
+		const currentTheme = localStorage.getItem("theme") || "light";
+		const hero = document.getElementById("hero");
+
+		if (currentTheme === "dark") {
+			hero.style.background = "url('/background.png')";
+			hero.style.backgroundSize = "cover";
+		}else {
+			hero.style.background = "url('/background-dark.png')";
+			hero.style.backgroundSize = "cover";
+		}
+	})
+</script>