web_head.html

<!-- proven.lol verification -->
<link rel="me" title="proven.lol" href="https://proven.lol/4cc26c">
<!-- bearlytics -->
<script data-site="JWMACSZ" src="https://bearlytics.jbowdre.lol/script.js" defer></script>
<!-- typo animation -->
<script src="https://res.jbowdre.lol/js/typo.js" defer></script>
<script>
  // implement typo
  document.addEventListener('DOMContentLoaded', function () {
    let typoElement = document.getElementById('typo');
    if (typoElement) {
      let typoText = "I write code to make imaginary computers run code written by less imaginary developers";
      typo(typoElement, typoText);
    }
  });
</script>
<script src="https://res.jbowdre.lol/js/weather.js" defer></script>
<script>
  // replace theme-song placeholder text when the musicthread response comes in
  document.addEventListener('DOMContentLoaded', function () {
    const themeSongContainer = document.getElementById('theme-song');
    if (themeSongContainer) {
      const observer = new MutationObserver(function (mutations) {
        mutations.forEach(function (mutation) {
          if (mutation.type === 'childList' && themeSongContainer.childNodes.length > 2) {
            themeSongContainer.removeChild(themeSongContainer.firstChild);
            observer.disconnect();
          }
        });
      });
      observer.observe(themeSongContainer, {childList: true});
    }
  });
</script>