const remFactor = 16;
const verticalUnit = 1.3 * remFactor;

function openTab(data, tab) {
  data.activeTab === tab ? (data.activeTab = "") : (data.activeTab = tab);
}

function scrollToElem(selector) {
  setTimeout(() => {
    const yOffset = -9 * verticalUnit;
    const elem = document.querySelector(selector);
    const top = elem.getBoundingClientRect().top;
    window.scrollTo({
      top: top + window.scrollY + yOffset,
      behavior: "smooth",
    });
  }, 100);
}

document.addEventListener("DOMContentLoaded", () => {
  function toggleLogoState() {
    const scrollY = window.scrollY || window.pageYOffset;

    if (scrollY > 10) {
      document.querySelector("#header").classList.add("minimized");
    } else {
      document.querySelector("#header").classList.remove("minimized");
    }
  }

  window.addEventListener("scroll", () => {
    toggleLogoState();
  });
});