public/assets/css/theme-witch.css

@@ -383,6 +383,33 @@
     color: var(--witch-moon) !important;
   }
 
+  /* Special styling for Discord link in nav */
+  #navbar .discord-link,
+  #navbar a[href*="discord"],
+  #navbar a[href*="chat.nhcarrigan.com"] {
+    background: rgba(212, 165, 199, 0.2) !important;
+    border-radius: 8px !important;
+    padding: 8px 16px !important;
+    margin: 0 5px !important;
+    transition: all 0.3s ease !important;
+  }
+
+  #navbar .discord-link:hover,
+  #navbar a[href*="discord"]:hover,
+  #navbar a[href*="chat.nhcarrigan.com"]:hover {
+    background: rgba(212, 165, 199, 0.5) !important;
+    transform: translateY(-1px) !important;
+    box-shadow: 0 2px 10px rgba(168, 87, 126, 0.3) !important;
+  }
+
+  /* Discord icon if you use one */
+  #navbar .discord-link i,
+  #navbar a[href*="discord"] i,
+  #navbar a[href*="chat.nhcarrigan.com"] i {
+    color: var(--witch-lavender) !important;
+    margin-right: 5px !important;
+  }
+  
   /* Repository header */
   .repository.header {
     background: linear-gradient(to right,
@@ -929,6 +956,7 @@
     color: var(--witch-moon) !important;
   }
 
+  
   footer a, .page-footer a {
     color: var(--witch-mauve) !important;
     transition: all 0.3s ease;
@@ -1254,3 +1282,5 @@
     padding: 8px 12px !important;
     border-radius: 6px !important;
   }
+
+  /* Footer dropdown styling removed - no longer needed */

templates/base/footer.tmpl

@@ -1,37 +1,11 @@
 <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 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>
-    // 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>
     // TreeNation Logic

templates/custom/extra_links.tmpl

@@ -1 +1,2 @@
 <a class="item" href="{{AppSubUrl}}/nhcarrigan">Public Repositories</a>
+<a class="item" href="https://chat.nhcarrigan.com"><i class="fa-brands fa-discord"></i> Discord</a>