diff --git a/site/404.html b/site/404.html
index 964ddae..fec4eb6 100644
--- a/site/404.html
+++ b/site/404.html
@@ -6,7 +6,7 @@
-
+
404
diff --git a/site/deconference.html b/site/deconference.html
index 0de7e7c..4f9f772 100644
--- a/site/deconference.html
+++ b/site/deconference.html
@@ -1,16 +1,6 @@
-
@@ -42,7 +32,7 @@
-
+
Dekonferencija Decentrala
diff --git a/site/scripts/main.js b/site/scripts/main.js
index ba686b1..c6dffdd 100644
--- a/site/scripts/main.js
+++ b/site/scripts/main.js
@@ -1,5 +1,37 @@
-window.addEventListener("DOMContentLoaded", () => {
+(function () {
+ const theme = window.localStorage.getItem("theme");
+ const prefersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches;
+ const isDark = theme === "dark" || (!theme && prefersDark);
+ if (isDark) document.documentElement.classList.add("dark");
+
+ // Swap images as soon as DOM is ready (script runs in , imgs not parsed yet)
+ if (isDark) {
+ window.addEventListener("DOMContentLoaded", () => {
+ document.querySelectorAll("img[src*='-light']").forEach((img) => {
+ img.src = img.src.replace("-light", "-dark");
+ });
+ }, { once: true });
+ }
+
+ window.changeTheme = (toDark) => {
+ if (toDark) {
+ window.localStorage.setItem("theme", "dark");
+ document.documentElement.classList.add("dark");
+ document.querySelectorAll("img[src*='-light']").forEach((img) => {
+ img.src = img.src.replace("-light", "-dark");
+ });
+ } else {
+ window.localStorage.setItem("theme", "light");
+ document.documentElement.classList.remove("dark");
+ document.querySelectorAll("img[src*='-dark']").forEach((img) => {
+ img.src = img.src.replace("-dark", "-light");
+ });
+ }
+ }
+})();
+
+window.addEventListener("DOMContentLoaded", () => {
const getById = (id) => document.getElementById(id);
const getByClass = (className) => document.getElementsByClassName(className)[0];
@@ -7,31 +39,11 @@ window.addEventListener("DOMContentLoaded", () => {
const hamburger = getByClass("hamburger");
const hamburgerIcon = hamburger?.children[0];
const menu = document.getElementsByTagName("nav")[0];
- const imgs = document.getElementsByTagName("img");
const main = document.getElementsByTagName("main")[0];
const isMenuOpen = () => hamburger?.classList.contains("open");
- const theme = window.localStorage.getItem("theme");
/* Functions */
- const changeToDarkTheme = () => {
- window.localStorage.setItem("theme", "dark");
- document.documentElement.classList.add("dark");
- themeBtn?.setAttribute("title", "turn the light on");
- Array.from(imgs).forEach((img) => {
- if (img.src.includes("-light")) img.src = img.src.replace("-light", "-dark");
- });
- }
-
- const changeToLightTheme = () => {
- window.localStorage.setItem("theme", "light");
- document.documentElement.classList.remove("dark");
- themeBtn?.setAttribute("title", "turn the light off");
- Array.from(imgs).forEach((img) => {
- if (img.src.includes("-dark")) img.src = img.src.replace("-dark", "-light");
- });
- }
-
const closeMenu = () => {
hamburger.classList = "hamburger closed"
hamburgerIcon.src = hamburgerIcon.src.replace("opened", "closed");
@@ -73,18 +85,8 @@ window.addEventListener("DOMContentLoaded", () => {
if (themeBtn) {
themeBtn.addEventListener("click", () => {
- const title = themeBtn.getAttribute("title") ?? "off"
- if (title.indexOf("off") !== -1) changeToDarkTheme();
- else changeToLightTheme();
+ const isDark = document.documentElement.classList.contains("dark");
+ changeTheme(!isDark);
});
}
-
- /* Rest */
-
- const userPerfersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches
- if (themeBtn) {
- if (!theme && userPerfersDark) changeToDarkTheme();
- else if (theme === "light") changeToLightTheme();
- else if (!theme && !userPerfersDark) changeToDarkTheme();
- }
-})
+});
diff --git a/template/page-en.html b/template/page-en.html
index b213d7f..5dcdeb9 100644
--- a/template/page-en.html
+++ b/template/page-en.html
@@ -1,16 +1,6 @@
-
diff --git a/template/page-sr.html b/template/page-sr.html
index 0290182..da0310a 100644
--- a/template/page-sr.html
+++ b/template/page-sr.html
@@ -1,16 +1,6 @@
-
@@ -42,7 +32,7 @@
-
+
<!--TITLE--> Decentrala