diff --git a/assets/scripts/effects.js b/assets/scripts/effects.js
index b1f639f..eecbf40 100644
--- a/assets/scripts/effects.js
+++ b/assets/scripts/effects.js
@@ -85,19 +85,17 @@ function addEffect({ target }) {
});
}
-document.addEventListener('DOMContentLoaded', () => {
- Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
- const currentPref = localStorage.getItem(key) ?? defaultPref;
- applyPreference(key, currentPref, false);
- document.querySelectorAll(`input[name=${key}]`).forEach((input) => {
- input.addEventListener("change", (e) => {
- applyPreference(key, e.currentTarget.value, true);
- });
+Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
+ const currentPref = localStorage.getItem(key) ?? defaultPref;
+ applyPreference(key, currentPref, false);
+ document.querySelectorAll(`input[name=${key}]`).forEach((input) => {
+ input.addEventListener("change", (e) => {
+ applyPreference(key, e.currentTarget.value, true);
});
});
- document.addEventListener("mouseenter", addEffect, true);
- document.addEventListener("focus", addEffect, true);
-
- document.addEventListener("mouseleave", removeEffect, true);
- document.addEventListener("blur", removeEffect, true);
});
+document.addEventListener("mouseenter", addEffect, true);
+document.addEventListener("focus", addEffect, true);
+
+document.addEventListener("mouseleave", removeEffect, true);
+document.addEventListener("blur", removeEffect, true);
diff --git a/site/_includes/-darklight.js b/site/_includes/-darklight.js
new file mode 100644
index 0000000..f8b1780
--- /dev/null
+++ b/site/_includes/-darklight.js
@@ -0,0 +1,4 @@
+const savedTheme = localStorage.getItem('theme');
+if (savedTheme != null) {
+ document.body.setAttribute("data-theme", savedTheme);
+}
diff --git a/site/_includes/base.njk b/site/_includes/base.njk
index 6fada9c..9bbcc0a 100644
--- a/site/_includes/base.njk
+++ b/site/_includes/base.njk
@@ -11,7 +11,7 @@ title: Joshua's Homepage
-
+
@@ -32,10 +32,11 @@ title: Joshua's Homepage
+
{% include "-header.njk" %}
{{ content | safe }}
{% include "-footer.njk" %}
-