2024-01-26 08:52:00 +01:00
|
|
|
"use strict";
|
|
|
|
|
|
2024-03-12 17:12:03 +01:00
|
|
|
var remFactor = 16;
|
|
|
|
|
var verticalUnit = 1.3 * remFactor;
|
|
|
|
|
function toggleTab(data, tab) {
|
|
|
|
|
if (data.activeTab === tab) {
|
|
|
|
|
scrollToElem("body");
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
data.activeTab = "";
|
|
|
|
|
data.isOpen = false;
|
|
|
|
|
}, 200);
|
|
|
|
|
} else {
|
|
|
|
|
data.activeTab = tab;
|
|
|
|
|
data.isOpen = true;
|
|
|
|
|
scrollToElem(".active-tab");
|
|
|
|
|
}
|
2024-01-26 08:52:00 +01:00
|
|
|
}
|
|
|
|
|
function scrollToElem(selector) {
|
2024-03-12 17:12:03 +01:00
|
|
|
document.querySelector(".active-tab").scrollTop = 0;
|
2024-01-26 08:52:00 +01:00
|
|
|
setTimeout(function () {
|
2024-03-12 17:12:03 +01:00
|
|
|
var yOffset = -7 * verticalUnit;
|
2024-01-26 08:52:00 +01:00
|
|
|
var elem = document.querySelector(selector);
|
|
|
|
|
var top = elem.getBoundingClientRect().top;
|
|
|
|
|
window.scrollTo({
|
|
|
|
|
top: top + window.scrollY + yOffset,
|
2024-03-12 17:12:03 +01:00
|
|
|
behavior: "smooth"
|
2024-01-26 08:52:00 +01:00
|
|
|
});
|
|
|
|
|
}, 100);
|
|
|
|
|
}
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
|
|
|
function toggleLogoState() {
|
|
|
|
|
var scrollY = window.scrollY || window.pageYOffset;
|
|
|
|
|
if (scrollY > 10) {
|
2024-03-10 12:03:31 +01:00
|
|
|
document.querySelector("#main-header").classList.add("minimized");
|
2024-01-26 08:52:00 +01:00
|
|
|
} else {
|
2024-03-10 12:03:31 +01:00
|
|
|
document.querySelector("#main-header").classList.remove("minimized");
|
2024-01-26 08:52:00 +01:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
window.addEventListener("scroll", function () {
|
|
|
|
|
toggleLogoState();
|
|
|
|
|
});
|
2024-03-12 17:12:03 +01:00
|
|
|
if (navigator.userAgent.toLowerCase().includes("safari") && window.innerWidth < 800) {
|
|
|
|
|
document.querySelector("#tabs").classList.add("safari");
|
|
|
|
|
}
|
|
|
|
|
});
|