Re-Peak Site

re-peak/js/defaultf700.js

@@ -0,0 +1,33 @@
+const $ = q => document.querySelector(q);
+const $$ = q => document.querySelectorAll(q);
+
+function toggleClassClicker(i, clazz) {
+    document.getElementById("clicker-" + i).classList.toggle(clazz);
+}
+
+function toggleClass(i, clazz) {
+    document.getElementById(i).classList.toggle(clazz);
+}
+
+function showElement(i) {
+    toggleClassClicker(i, "hidden")
+}
+
+const toggleFAQ = id => $('#faq-' + id).parentElement.querySelector('button>span').innerHTML = $('#faq-' + id).classList.toggle('hidden')?'+':'-';
+
+const closeAnnouncementHandler = (el) => {
+    el.addEventListener('click', e => {
+        console.log('click!');
+        console.log(e.target.parentElement);
+        e.target.parentElement.classList.toggle('hidden');
+    })
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    let els = $$('#announcement .close');
+    els.forEach(el => {
+        if(el) closeAnnouncementHandler(el);
+    });
+});
+
+

re-peak/js/locations.js

@@ -0,0 +1,31 @@
+const europeButton = document.getElementById("eu-button");
+const usButton = document.getElementById("us-button");
+
+const europeSection = document.getElementById("eu")
+const usSection = document.getElementById("us")
+
+europeButton.onclick = ev => {
+    if (!europeButton.classList.contains("bg-gray-700"))
+        europeButton.classList.add("bg-gray-700");
+
+    if (usButton.classList.contains("bg-gray-700"))
+        usButton.classList.remove("bg-gray-700")
+
+    if (europeSection.classList.contains("hidden")) {
+        europeSection.classList.remove("hidden")
+        usSection.classList.add("hidden")
+    }
+};
+
+usButton.onclick = ev => {
+    if (!usButton.classList.contains("bg-gray-700"))
+        usButton.classList.add("bg-gray-700")
+
+    if (europeButton.classList.contains("bg-gray-700"))
+        europeButton.classList.remove("bg-gray-700");
+
+    if (usSection.classList.contains("hidden")) {
+        europeSection.classList.add("hidden")
+        usSection.classList.remove("hidden")
+    }
+};

re-peak/js/navbarec92.js

@@ -0,0 +1,19 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const root_elements = $$(".desktop-navbar-root");
+
+    root_elements.forEach(root_element => {
+        const dropdown = root_element.querySelector(".navbar-dropdown");
+        if(dropdown) {
+            function show_dropdown() {
+                dropdown.classList.remove("hidden");
+            }
+
+            function hide_dropdown() {
+                dropdown.classList.add("hidden");
+            }
+
+            root_element.addEventListener("mouseover", show_dropdown);
+            root_element.addEventListener("mouseleave", hide_dropdown);
+        }
+    });
+});