lolz/web_head.html

<!-- proven.lol verification -->
<link rel="me" title="proven.lol" href="https://proven.lol/4cc26c">
<!-- cabin analytics -->
<script async defer src="https://cabin.jbowdre.lol/hello.js"></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>