Added FAQ to Downloads

This commit is contained in:
2024-09-17 11:57:06 -05:00
parent 0533902f20
commit e27d62e665
11 changed files with 4490 additions and 22 deletions

View File

@@ -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);
});
});

View File

@@ -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")
}
};

View File

@@ -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);
}
});
});