(function () {
  const pathEl = document.getElementById('typed-path');
  const responseEl = document.getElementById('nf-response');
  const hintEl = document.getElementById('nf-hint');
  const href = globalThis.location.href;
  const path = href.length >= 45 ? href.substring(0, 45) : href;

  let i = 0;
  const interval = setInterval(() => {
    if (i < path.length) {
      pathEl.textContent += path[i++];
    } else {
      clearInterval(interval);
      setTimeout(() => {
        responseEl.style.opacity = '1';
        setTimeout(() => {
          hintEl.style.opacity = '1';
        }, 400);
      }, 300);
    }
  }, 45);
})();