-
×
+
@@ -709,16 +719,16 @@
const languageDropdown = document.getElementById("languagedropdown");
if (languageDropdown) {
- const langLinks = languageDropdown.querySelectorAll("a");
- langLinks.forEach(link => {
- link.addEventListener("click", function (e) {
- e.preventDefault(); // prevent default
behavior
- const selectedLang = this.id; // ID corresponds to language code
- localStorage.setItem("languagePreference", selectedLang);
- location.reload(); // automatically reload
- });
- });
- }
+ const langLinks = languageDropdown.querySelectorAll("a");
+ langLinks.forEach(link => {
+ link.addEventListener("click", function (e) {
+ e.preventDefault(); // prevent default behavior
+ const selectedLang = this.id; // ID corresponds to language code
+ localStorage.setItem("languagePreference", selectedLang);
+ location.reload(); // automatically reload
+ });
+ });
+ }
});
@@ -946,38 +956,38 @@
window.addEventListener("resize", togglePlayOnlyMode);
});
- (function () {
- function setAppHeight() {
- const vh = window.innerHeight * 0.01;
- document.documentElement.style.setProperty('--vh', `${vh}px`);
- }
-
- window.addEventListener('resize', setAppHeight);
- document.addEventListener('fullscreenchange', setAppHeight);
- setAppHeight();
- })();
-
-(function () {
- function resizeCanvasesToScreen() {
- const canvases = document.querySelectorAll("canvas");
- const width = window.innerWidth;
- const height = window.innerHeight;
+ (function () {
+ function setAppHeight() {
+ const vh = window.innerHeight * 0.01;
+ document.documentElement.style.setProperty('--vh', `${vh}px`);
+ }
- canvases.forEach(c => {
- c.width = width;
- c.height = height;
- c.style.width = "100%";
- c.style.height = "100%";
- });
- }
+ window.addEventListener('resize', setAppHeight);
+ document.addEventListener('fullscreenchange', setAppHeight);
+ setAppHeight();
+ })();
+
+ (function () {
+ function resizeCanvasesToScreen() {
+ const canvases = document.querySelectorAll("canvas");
+ const width = window.innerWidth;
+ const height = window.innerHeight;
+
+ canvases.forEach(c => {
+ c.width = width;
+ c.height = height;
+ c.style.width = "100%";
+ c.style.height = "100%";
+ });
+ }
- window.addEventListener("resize", resizeCanvasesToScreen);
- document.addEventListener("fullscreenchange", resizeCanvasesToScreen);
+ window.addEventListener("resize", resizeCanvasesToScreen);
+ document.addEventListener("fullscreenchange", resizeCanvasesToScreen);
- setTimeout(resizeCanvasesToScreen, 150);
-})();
+ setTimeout(resizeCanvasesToScreen, 150);
+ })();
-
+
+