footer.ejs

<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>

<script>
  window.addEventListener('load', (event) => {
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('/sw.js', {scope: '/'})
      .then((reg) => {
        // registration worked
        console.log('Registration succeeded. Scope is ' + reg.scope);
      }).catch((error) => {
        // registration failed
        console.log('Registration failed with ' + error);
      });
    }
  });
</script>

<% if (extra.isFoolsDay) { %>
  <style>
    #player_model {
      transform: scaleY(-1);
    }
    .profile-avatar {
      transition: transform 0.2s ease-in-out;
    }
    :hover > .profile-avatar {
      transform: rotate(180deg);
    }
  </style>
<% } %>