source ⟩ hypertext ⟩ public ⟩ hymns ⟩ hymn-themer.js

const setToGreek = () => {
	for (const word of $$(".theonym[greek]")) {
		word.innerText = word.getAttribute("greek");
		word.classList.add("greek-name");
	}

		$("#toggle-nomenclature .button-greek").innerText = "Ἑλληνικὰ ὀνόματα";
		$("#toggle-nomenclature .button-english").innerText = "Greek names";

		localStorage.setItem("hymns-nomenclature", "greek");
};

const setToLatin = () => {
	for (const word of $$(".theonym[greek].greek-name")) {
		word.innerText = word.getAttribute("latin");
		word.classList.remove("greek-name");
	}

		$("#toggle-nomenclature .button-greek").innerText = "Λατῖνα ὀνόματα";
		$("#toggle-nomenclature .button-english").innerText = "Roman names";

		localStorage.setItem("hymns-nomenclature", "latin");
};

const toggleNomenclature = () => {
	if (localStorage["hymns-nomenclature"] == "greek") {
		setToLatin();
	} else {
		setToGreek();
	}
}

const setToLight = () => {
	$("body").classList.remove("theme-dark")

	$("#toggle-theme .button-greek").innerText = "Λευκὸν χρῶμα";
	$("#toggle-theme .button-english").innerText = "Light theme";

	localStorage.setItem("hymns-theme", "light");
};

const setToDark = () => {
	$("body").classList.add("theme-dark")

	$("#toggle-theme .button-greek").innerText = "Μέλαν χρῶμα";
	$("#toggle-theme .button-english").innerText = "Dark theme";

	localStorage.setItem("hymns-theme", "dark");
};

const toggleTheme = () => {
	if (localStorage["hymns-theme"] == "dark") {
		setToLight();
	} else {
		setToDark();
	}
}

documentReady(() => {
	for (const word of $$(".theonym[greek]")) {
		word.setAttribute("latin", word.innerText);
	}

	if (localStorage["hymns-nomenclature"] != "latin") {
		setToGreek();
	}

	if (localStorage["hymns-theme"] == "dark") {
		setToDark();
	}
});