<footer class="page-footer" role="group" aria-label="{{ctx.Locale.Tr "aria.footer"}}">
    <p>&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
    <a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
      <img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
    </a>
    <div id="tree-nation-offset-website"></div>
</footer>

<script src="https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0"></script>
<script>
    // TreeNation Logic
    const interval = setInterval(() => {
      const tree = document.querySelector("#tree-nation-offset-website");
      if (tree && typeof TreeNationOffsetWebsite !== 'undefined') {
        TreeNationOffsetWebsite({
          code: "a17464e0cd351220",
          lang: "en",
          theme: "dark",
        }).render("#tree-nation-offset-website");
        clearInterval(interval);
      }
    }, 1000);
</script>