footer-scripts.html

<!-- TE -->
<script type="module" src="{{ .Site.Params.assetsDir }}/js/tw-elements.umd.min.js"></script>
<!-- THEME SWITCHER -->
<script type="text/javascript" src="/js/theme.js"></script>
<!-- PRISM -->
<script type="text/javascript" src="/js/new-prism.js"></script>
<script type="module">
  //Scrollspy
  (() => {
    const scrollspyClasses = [
      'data-[te-spy-active]:border-l-2',
      'data-[te-spy-active]:border-solid',
      'data-[te-spy-active]:border-l-primary',
      'data-[te-spy-active]:text-primary',
      'dark:data-[te-spy-active]:border-l-primary-400',
      'dark:data-[te-spy-active]:text-primary-400',
    ];

    const menuSection = document.querySelectorAll('menu li');

    if (menuSection.length === 0) return;

    const addScrollspyClasses = (sections) => {
      sections.forEach((section) => {
        section.classList.add(...scrollspyClasses);
      });
    };

    const teScrollSpyTo = (event) => {
      event.preventDefault();
      const hash = event.target.getAttribute('href');
      const target = document.getElementById(hash.substring(1));

      window.scroll({
        top: target.offsetTop - 75,
        behavior: 'smooth',
      });

      if (history.pushState) {
        history.pushState(null, null, hash);
      } else {
        location.hash = hash;
      }
    };

    const deactivateAllMenuSections = (sections) => {
      sections.forEach((section) => section.removeAttribute('data-te-spy-active'));
    };

    const activateMenuSection = (section) => {
      section.setAttribute('data-te-spy-active', '');
    };

    const onWindowScroll = () => {
      const SELECTOR_SCROLLSPY_ITEM = '[data-te-spy-item]';
      const mainSections = [...document.querySelectorAll(SELECTOR_SCROLLSPY_ITEM)].filter(
        (section) => section.getBoundingClientRect().y !== 0
      );
      const filteredMenuSections = [...document.querySelectorAll('menu li')].filter(
        (section) => section.getBoundingClientRect().y !== 0
      );

      mainSections.forEach((header, i) => {
        let rect = header.getBoundingClientRect().y;

        if (rect <= 100) {
          deactivateAllMenuSections(filteredMenuSections);
          if (!filteredMenuSections[i]) {
            return;
          }
          activateMenuSection(filteredMenuSections[i]);
        }
      });
    };

    addScrollspyClasses(menuSection);

    menuSection.forEach((menuElement) => {
      const href = menuElement.querySelector('a');
      href.addEventListener('click', teScrollSpyTo, false);
      href.addEventListener('click', () => {
        setTimeout(() => {
          deactivateAllMenuSections(menuSection);
          activateMenuSection(menuElement);
        }, 300);
      });
    });

    window.addEventListener('scroll', onWindowScroll);
  })();
</script>
<script>
  const CONFIG = {
    docsApiUrl: {{.Site.Params.apiUrl}}
  };
</script>
<script type="module" src="{{ .Site.Params.assetsDir }}/js/load-user-data.js"></script>
<script type="module" src="{{ .Site.Params.assetsDir }}/js/auth.js"></script>
<script>
  function setCookie(name, value, days) {
    const date = new Date();
    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
    const expires = 'expires=' + date.toUTCString();
    document.cookie = name + '=' + value + ';' + expires + ';path=/';
  }

  fetch('http://ip-api.com/json/')
    .then((response) => response.json())
    .then((data) => {
      const countryCode = data.countryCode;
      setCookie('gdpr_country', countryCode, 30);
    });
</script>