From 007ac1fad879bad9968bba488be12b90d871b7de Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Mon, 20 Apr 2026 12:53:44 -0700
Subject: [PATCH] feat: overhaul socials page with updated accounts and
 disclaimer

Adds Twitter/X NaomiLGBT, Ko-fi, Patreon, and Mastodon. Moves Forum
to the global tools section alongside Discord and Gitea. Removes the
Discourse badge. Splits NHCarrigan corpo accounts from personal Naomi
accounts, with a personal-views disclaimer on the Naomi section.
---
 socials/index.html | 78 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 54 insertions(+), 24 deletions(-)

diff --git a/socials/index.html b/socials/index.html
index 8fc7f00..df0459b 100644
--- a/socials/index.html
+++ b/socials/index.html
@@ -52,7 +52,7 @@
       <h1>Socials</h1>
       <p>Our social media profiles and links.</p>
       <section>
-        <!-- Discord - Featured First -->
+        <!-- Community tools - featured first -->
         <div class="badge" style="color: #ffffff; background: #5865f2">
           <a href="https://chat.nhcarrigan.com" class="url">
             <i class="fab fa-discord"></i>
@@ -64,17 +64,6 @@
             </div>
           </a>
         </div>
-        <div class="badge" style="color: #ffffff; background: #f97316">
-          <a href="https://support.nhcarrigan.com" class="url">
-            <i class="fab fa-discourse"></i>
-            <div class="text">
-              <p class="name">Support Forum</p>
-              <p class="description">
-                Our dedicated discussion board for support and community help.
-              </p>
-            </div>
-          </a>
-        </div>
         <div class="badge" style="color: #ffffff; background: #609926">
           <a href="https://git.nhcarrigan.com/naomi" class="url">
             <i class="fab fa-git-alt"></i>
@@ -86,11 +75,26 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #f97316">
+          <a href="https://support.nhcarrigan.com" class="url">
+            <i class="fas fa-comments"></i>
+            <div class="text">
+              <p class="name">Forum</p>
+              <p class="description">
+                Our dedicated discussion board for support and community help.
+              </p>
+            </div>
+          </a>
+        </div>
       </section>
 
       <section>
         <h2>Naomi</h2>
-        <!-- Personal profiles sorted by popularity -->
+        <p style="text-align: center; font-size: 0.9rem; margin-bottom: 1rem;">
+          The accounts listed in this section are personal. Any content posted
+          there represents my own views only and does not reflect the opinions,
+          positions, or values of NHCarrigan, its clients, staff, or partners.
+        </p>
         <div class="badge" style="color: #ffffff; background: #e4405f">
           <a href="https://www.instagram.com/naomi.lgbt/" class="url">
             <i class="fab fa-instagram"></i>
@@ -118,6 +122,15 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #000000">
+          <a href="https://x.com/NaomiLGBT" class="url">
+            <i class="fab fa-x-twitter"></i>
+            <div class="text">
+              <p class="name">X (Twitter)</p>
+              <p class="description">Follow us for hot takes and thoughts.</p>
+            </div>
+          </a>
+        </div>
         <div class="badge" style="color: #ffffff; background: #000000">
           <a href="https://www.threads.com/@naomi.lgbt" class="url">
             <i class="fab fa-threads"></i>
@@ -178,15 +191,6 @@
             </div>
           </a>
         </div>
-        <div class="badge" style="color: #ffffff; background: #6364ff">
-          <a href="https://mastodon.social/@naomi_lgbt" class="url">
-            <i class="fab fa-mastodon"></i>
-            <div class="text">
-              <p class="name">Mastodon</p>
-              <p class="description">Connect with us on the fediverse.</p>
-            </div>
-          </a>
-        </div>
         <div class="badge" style="color: #ffffff; background: #0a0a23">
           <a href="https://forum.freecodecamp.org/u/nhcarrigan/" class="url">
             <i class="fab fa-free-code-camp"></i>
@@ -202,9 +206,8 @@
 
       <section>
         <h2>NHCarrigan</h2>
-        <!-- Company profiles sorted by popularity -->
         <div class="badge" style="color: #ffffff; background: #0a66c2">
-          <a href="https://www.linkedin.com/company/nhcarrigan" class="url">
+          <a href="https://www.linkedin.com/company/nhcarrigan/" class="url">
             <i class="fab fa-linkedin"></i>
             <div class="text">
               <p class="name">LinkedIn</p>
@@ -248,6 +251,33 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #6364ff">
+          <a href="https://mastodon.social/@naomi_lgbt" class="url">
+            <i class="fab fa-mastodon"></i>
+            <div class="text">
+              <p class="name">Mastodon</p>
+              <p class="description">Connect with us on the fediverse.</p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #ff5e5b">
+          <a href="https://ko-fi.com/nhcarrigan" class="url">
+            <i class="fab fa-ko-fi"></i>
+            <div class="text">
+              <p class="name">Ko-fi</p>
+              <p class="description">Support our work with a coffee.</p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #f96854">
+          <a href="https://www.patreon.com/cw/nhcarrigan" class="url">
+            <i class="fab fa-patreon"></i>
+            <div class="text">
+              <p class="name">Patreon</p>
+              <p class="description">Support us and access exclusive content.</p>
+            </div>
+          </a>
+        </div>
       </section>
 
       <section>