in da beginning

resources/lang/lang.js

@@ -0,0 +1,47 @@
+// languaging ???
+
+async function localize(params) {
+  let lang = document.getElementById("language");
+
+  if (lang == null) {
+    console.log("lang doesn't exist waaahhh");
+    let temp1 = document.getElementById('naviframe');
+    let temp2 = temp1.contentDocument || temp1.contentWindow.document;
+    console.log(temp2)
+    lang = temp2.getElementById('language')
+    console.log(lang)
+  }
+  lang = lang.value;
+  //localStorage.setItem("lang", lang);
+  thing = document.querySelectorAll("*");
+  file = await fetch("/resources/lang/lang.json"); 
+  console.log("EXISTANCE !!!")
+  if (file.ok) {
+    contents = await file.json();
+    // contents.<lang>.<key>
+    thing.forEach(element => {
+      key = element.getAttribute("key");
+      if (key != null) {
+        console.log(contents[lang][key]);
+        element.innerHTML = contents[lang][key];
+      }
+    });
+  } else {
+    console.log("oopsie !!!")
+  }   
+}
+
+if (lang_element != null) {
+  localize()
+  lang_element.addEventListener('change', localize)
+}
+
+function onFrameLoad(frame) {
+  let frame_doc = frame.contentDocument || frame.contentWindow.document;
+  let frame_lang_element = frame_doc.getElementById('language');
+
+  frame_lang_element .addEventListener('change', localize);
+  localize()
+}
+
+