chore: backup configs

components/footer/about.json

@@ -0,0 +1,14 @@
+{
+  "name": "Footer",
+  "component": true,
+  "license_url": null,
+  "about_url": null,
+  "authors": null,
+  "theme_version": null,
+  "minimum_discourse_version": null,
+  "maximum_discourse_version": null,
+  "assets": {},
+  "color_schemes": {},
+  "modifiers": {},
+  "learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
+}

components/footer/common/body_tag.html

@@ -0,0 +1,22 @@
+<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);
+</script>
+<script src="https://kit.fontawesome.com/f949111719.js"></script>

components/footer/common/common.scss

@@ -0,0 +1,65 @@
+footer {
+  width: calc(100vw - 40px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--header_primary);
+  background-color: var(--header_background);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 75px;
+  padding: 0 20px;
+}
+
+.topic-list-bottom {
+    display: none;
+}
+
+#main-outlet-wrapper {
+    margin-bottom: 85px;
+}
+
+#show-socials-button {
+  background: none;
+  border: none;
+  cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
+  color: var(--header_primary);
+  font-size: 1rem;
+}
+#show-socials-button > i {
+  font-size: 1.5rem;
+}
+#social-list {
+  position: absolute;
+  bottom: 75px;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  max-width: 400px;
+  padding: 10px;
+  background-color: var(--header_background);
+  color: var(--header_primary);
+  border-radius: 10px;
+  border: 1px solid var(--header_primary);
+  display: none;
+  z-index: 1000;
+}
+.social-list-item {
+  padding: 10px;
+}
+.social-list-item > a {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  text-decoration: none;
+}
+.social-list-divider {
+  border: 0.5px solid var(--header_primary);
+}
+.social-list-item:hover {
+  background-color: var(--header_primary);
+  color: var(--header_background);
+}

components/footer/common/footer.html

@@ -0,0 +1,60 @@
+<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>
+    </a>
+  </div>
+  <hr class="social-list-divider" />
+  <div class="social-list-item">
+    <a href="https://git.nhcarrigan.com" target="_blank" rel="noreferrer">
+      <i class="fa-brands fa-git-alt"></i><span>Check out our source code~!</span>
+    </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>
+</footer>

components/footer/common/head_tag.html

@@ -0,0 +1 @@
+<script src="https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0"></script>

components/footer/javascripts/discourse/api-initializers/theme-initializer.gjs

@@ -0,0 +1,17 @@
+import { apiInitializer } from "discourse/lib/api";
+
+export default apiInitializer((api) => {
+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);
+});