chore: sync current state

2026-02-03 11:08:41 -08:00
parent bf6949df8e
commit 9c4e64af09
6 changed files with 1910 additions and 1014 deletions
@@ -1,94 +1,49 @@
 <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>
-<button id="show-socials-button" type="button">
-  <i class="fa-solid fa-share-nodes"></i> Connect with Us
-</button>
-<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>
-</div>
-<div id="social-list">
-  <div class="social-list-item">
-    <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-discord"></i><span>Join our Discord~!</span>
+    <p>&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
+    <button id="show-socials-button" type="button">
+      <i class="fa-solid fa-share-nodes"></i> Connect with Us
+    </button>
+    <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>
-  <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://bsky.app/profile/nhcarrigan.com" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-bluesky"></i><span>Follow us on Bluesky~!</span>
-    </a>
-  </div>
-  <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://www.linkedin.com/company/nhcarrigan" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-linkedin"></i><span>Connect with us on LinkedIn~!</span>
-    </a>
-  </div>
-  <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://www.reddit.com/r/nhcarrigan/" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-reddit"></i><span>Join our subreddit~!</span>
-    </a>
-  </div>
-  <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://www.youtube.com/@naomilgbt" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-youtube"></i><span>Subscribe to our YouTube~!</span>
-    </a>
-  </div>
-    <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://twitch.tv/naomilgbt" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-twitch"></i><span>Subscribe to our Twitch~!</span>
-    </a>
-  </div>
-    <hr class="social-list-divider" />
-  <div class="social-list-item">
-    <a href="https://x.com/nhcarrigan1" target="_blank" rel="noreferrer">
-      <i class="fa-brands fa-twitter"></i><span>We are even on Twitter~!</span>
-    </a>
-  </div>
-</div>
+    <div id="tree-nation-offset-website"></div>
+
+    <div id="social-list">
+      <div class="social-list-item">
+        <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
+          <i class="fa-brands fa-discord"></i><span>Join our Discord~!</span>
+        </a>
+      </div>
+      </div>
 </footer>
+
 <script>
-    const showSocialsButton = document.querySelector(
-  "#show-socials-button",
-);
-const socialList = document.querySelector("#social-list");
-const toggleSocials = () => {
-  if (!socialList) {
-    throw new Error("Social list element not found.");
-  }
-  if (socialList.style.display === "block") {
-    socialList.style.display = "none";
-    showSocialsButton?.setAttribute("aria-expanded", "false");
-    showSocialsButton?.setAttribute("aria-label", "Show Socials");
-    return;
-  }
-  socialList.style.display = "block";
-  showSocialsButton?.setAttribute("aria-expanded", "true");
-  showSocialsButton?.setAttribute("aria-label", "Hide Socials");
-};
-showSocialsButton?.addEventListener("click", toggleSocials);
+    // Use a self-invoking function or check for DOM presence to avoid scope issues
+    (function() {
+        const showSocialsButton = document.querySelector("#show-socials-button");
+        const socialList = document.querySelector("#social-list");
+        if (showSocialsButton && socialList) {
+            showSocialsButton.addEventListener("click", () => {
+                const isVisible = socialList.style.display === "block";
+                socialList.style.display = isVisible ? "none" : "block";
+                showSocialsButton.setAttribute("aria-expanded", !isVisible);
+            });
+        }
+    })();
 </script>
+
 <script src="https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0"></script>
 <script>
-const interval = setInterval(() => {
-  const tree = document.querySelector("#tree-nation-offset-website");
-  if (!tree) {
-    console.log("DOM has not hydrated yet, cannot load TreeNation badge.");
-    return;
-  }
-  TreeNationOffsetWebsite({
-    code: "a17464e0cd351220",
-    lang: "en",
-    theme: "dark",
-  }).render("#tree-nation-offset-website");
-  clearInterval(interval);
-}, 1000);
-</script>
-<script src="{{AssetUrlPrefix}}/js/index.js?v={{AssetVersion}}" onerror="alert('Failed to load asset files from ' + this.src + '. Please make sure the asset files can be accessed.')"></script>
-</body>
-</html
+    // 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>