Decentrala/website
24
1
Fork 12
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Compare commits

base: Decentrala/website:2843f1763e348bd50ecb26133a80ee035cdd2b10
Branches Tags
Decentrala/website:master Decentrala/website:no-js Decentrala/website:framework/jinja2 Decentrala/website:make Decentrala/website:test Decentrala/website:requirements Decentrala/website:Makefiles Decentrala/website:feat/statute-link-on-navbar Decentrala/website:v3.0 Decentrala/website:markdown Decentrala/website:v4.0 Decentrala/website:v2.0
..
compare: Decentrala/website:master
Branches Tags
Decentrala/website:no-js Decentrala/website:master Decentrala/website:framework/jinja2 Decentrala/website:make Decentrala/website:test Decentrala/website:requirements Decentrala/website:Makefiles Decentrala/website:feat/statute-link-on-navbar Decentrala/website:v3.0 Decentrala/website:markdown Decentrala/website:v4.0 Decentrala/website:v2.0
6 Commits
2843f1763e .. master
Author SHA1 Message Date
coja 904ed7e317 [Theme] fix persist pages 2026-08-09 06:53:25 +02:00
coja f6093d9876 [Fix] no more sudo for dev 2026-08-09 06:26:17 +02:00
coja 740a90536d [Fix] hamburger undefined 2026-08-09 06:08:56 +02:00
coja 26d1295006 [Fix] lang 2026-08-09 06:07:20 +02:00
coja 352709cec6 Revert "[Fix] no more sudo needed, runtime warn" 
This reverts commit cc0127dbe3.
 2026-08-09 06:02:28 +02:00
coja cc0127dbe3 [Fix] no more sudo needed, runtime warn 2026-08-09 05:49:52 +02:00
8 changed files with 55 additions and 74 deletions
Expand all files Collapse all files
.gitignore
+1
View File
@@ -17,6 +17,7 @@ events.ical
.vscode/ .vscode/
events.html events.html
events_archive.html events_archive.html
nginx.pid
!site/lif* !site/lif*
Makefile
+3 -3
View File
@@ -4,8 +4,8 @@ help:
@echo "Available commands:" @echo "Available commands:"
@echo " make prep - Create venv and install requirements" @echo " make prep - Create venv and install requirements"
@echo " make events - Update site from CSV (build pages + images)" @echo " make events - Update site from CSV (build pages + images)"
@echo " make dev - Start development server (might need sudo)" @echo " make dev - Start development server"
@echo " make stop - Stop development server (might need sudo)" @echo " make stop - Stop development server"
@echo " make build - Full website build sequence" @echo " make build - Full website build sequence"
@echo " make help - Show this help message" @echo " make help - Show this help message"
@@ -27,7 +27,7 @@ dev:
nginx -p . -c nginx.dev.conf nginx -p . -c nginx.dev.conf
stop: stop:
nginx -p . -s stop nginx -p . -c nginx.dev.conf -s stop
lint: lint:
./.venv/bin/flake8 . --config .flake8 --exclude .venv ./.venv/bin/flake8 . --config .flake8 --exclude .venv
nginx.dev.conf
+3
View File
@@ -1,9 +1,12 @@
# Start nginx in this directory with `nginx -p . -c nginx.conf` # Start nginx in this directory with `nginx -p . -c nginx.conf`
# Stop nginx with `nginx -p . -s stop` # Stop nginx with `nginx -p . -s stop`
pid nginx.pid;
events {} events {}
http { http {
# edit this for your system # edit this for your system
types_hash_max_size 2048;
types_hash_bucket_size 128; types_hash_bucket_size 128;
include /etc/nginx/mime.types; include /etc/nginx/mime.types;
site/404.html
+1 -1
View File
@@ -6,7 +6,7 @@
<link rel="stylesheet" href="/styles/style.css"> <link rel="stylesheet" href="/styles/style.css">
<link rel="stylesheet" href="/styles/404.css"> <link rel="stylesheet" href="/styles/404.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<script src="/scripts/main.js" defer></script> <script src="/scripts/main.js"></script>
<title>404</title> <title>404</title>
</head> </head>
<body> <body>
site/deconference.html
+1 -11
View File
@@ -1,16 +1,6 @@
<!doctype html> <!doctype html>
<html lang="sr"> <html lang="sr">
<head> <head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -42,7 +32,7 @@
<link rel="stylesheet" href="/styles/style.css" /> <link rel="stylesheet" href="/styles/style.css" />
<link rel="stylesheet" href="/styles/deconference.css"> <link rel="stylesheet" href="/styles/deconference.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="/scripts/main.js" defer></script> <script src="/scripts/main.js"></script>
<title>Dekonferencija Decentrala</title> <title>Dekonferencija Decentrala</title>
<link rel="alternate" hreflang="en" href="/en/deconference" /> <link rel="alternate" hreflang="en" href="/en/deconference" />
</head> </head>
site/scripts/main.js
+43 -36
View File
@@ -1,37 +1,49 @@
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 <head>, 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 getById = (id) => document.getElementById(id);
const getByClass = (className) => document.getElementsByClassName(className)[0]; const getByClass = (className) => document.getElementsByClassName(className)[0];
const themeBtn = getById("theme-switcher"); const themeBtn = getById("theme-switcher");
const hamburger = getByClass("hamburger"); const hamburger = getByClass("hamburger");
const hamburgerIcon = hamburger.children[0] const hamburgerIcon = hamburger?.children[0];
const menu = document.getElementsByTagName("nav")[0]; const menu = document.getElementsByTagName("nav")[0];
const imgs = document.getElementsByTagName("img");
const main = document.getElementsByTagName("main")[0]; const main = document.getElementsByTagName("main")[0];
const isMenuOpen = () => hamburger.classList.contains("open"); const isMenuOpen = () => hamburger?.classList.contains("open");
const theme = window.localStorage.getItem("theme");
/* Functions */ /* 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 = () => { const closeMenu = () => {
hamburger.classList = "hamburger closed" hamburger.classList = "hamburger closed"
hamburgerIcon.src = hamburgerIcon.src.replace("opened", "closed"); hamburgerIcon.src = hamburgerIcon.src.replace("opened", "closed");
@@ -47,7 +59,7 @@ window.addEventListener("DOMContentLoaded", () => {
/* Listeners */ /* Listeners */
window.addEventListener("resize", () => isMenuOpen() && closeMenu()); window.addEventListener("resize", () => isMenuOpen() && closeMenu());
main.addEventListener("click", () => isMenuOpen() && closeMenu()); if (main) main.addEventListener("click", () => isMenuOpen() && closeMenu());
/* Language persistence */ /* Language persistence */
const currentLang = document.documentElement.lang || "sr"; const currentLang = document.documentElement.lang || "sr";
@@ -63,23 +75,18 @@ window.addEventListener("DOMContentLoaded", () => {
if (!href.startsWith(`/${currentLang}`)) { if (!href.startsWith(`/${currentLang}`)) {
a.setAttribute("href", `/${currentLang}${href.slice(3)}`); a.setAttribute("href", `/${currentLang}${href.slice(3)}`);
} }
} else { } else if (currentLang !== "sr") {
// No language prefix, prepend currentLang // Only prepend language prefix for non-default languages
a.setAttribute("href", `/${currentLang}${href}`); a.setAttribute("href", `/${currentLang}${href}`);
} }
} }
}); });
hamburger?.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu()); hamburger?.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu());
if (themeBtn) {
themeBtn.addEventListener("click", () => { themeBtn.addEventListener("click", () => {
const title = themeBtn.getAttribute("title") ?? "off" const isDark = document.documentElement.classList.contains("dark");
if (title.indexOf("off") !== -1) changeToDarkTheme(); changeTheme(!isDark);
else changeToLightTheme();
}); });
}
/* Rest */ });
const userPerfersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches
if (!theme && userPerfersDark) changeToDarkTheme();
else theme === "light" ? changeToLightTheme() : changeToDarkTheme();
})
template/page-en.html
-10
View File
@@ -1,16 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
template/page-sr.html
+1 -11
View File
@@ -1,16 +1,6 @@
<!doctype html> <!doctype html>
<html lang="sr"> <html lang="sr">
<head> <head>
<script>
(function () {
const theme = localStorage.getItem("theme");
const prefersDark = window.matchMedia(
"(prefers-color-scheme: dark)",
).matches;
if (theme === "dark" || (!theme && prefersDark))
document.documentElement.classList.add("dark");
})();
</script>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -42,7 +32,7 @@
<link rel="stylesheet" href="/styles/style.css" /> <link rel="stylesheet" href="/styles/style.css" />
<!--ADDITIONAL_STYLE--> <!--ADDITIONAL_STYLE-->
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
<script src="/scripts/main.js" defer></script> <script src="/scripts/main.js"></script>
<title><!--TITLE--> Decentrala</title> <title><!--TITLE--> Decentrala</title>
<link rel="alternate" hreflang="en" href="/en/PAGE_NAME" /> <link rel="alternate" hreflang="en" href="/en/PAGE_NAME" />
</head> </head>