From cd3645dbc46a73d46f6896f50d32fa41d42aea12 Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Wed, 10 Jun 2026 22:28:00 -0700
Subject: [PATCH] feat(socials): add active platforms and regroup by category

Add Peerlist, Hashnode (personal + self-hosted), DEV Community,
Sessionize, Luma, Meetup, blog.nhcarrigan.com, and dev.to to the
socials page. Reorder both Naomi and NHCarrigan sections into
consistent category groupings: microblogging, writing, professional,
visual, support, events, and code/streaming/community.
---
 socials/index.html | 221 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 159 insertions(+), 62 deletions(-)

diff --git a/socials/index.html b/socials/index.html
index df0459b..889e449 100644
--- a/socials/index.html
+++ b/socials/index.html
@@ -95,30 +95,15 @@
           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>
+        <!-- Microblogging / social posting -->
+        <div class="badge" style="color: #ffffff; background: #00a8ff">
+          <a href="https://bsky.app/profile/naomi.lgbt" class="url">
+            <i class="fas fa-cloud"></i>
             <div class="text">
-              <p class="name">Instagram</p>
-              <p class="description">See our photos and visual content.</p>
-            </div>
-          </a>
-        </div>
-        <div class="badge" style="color: #ffffff; background: #1877f2">
-          <a href="https://www.facebook.com/naomi.h.carrigan" class="url">
-            <i class="fab fa-facebook"></i>
-            <div class="text">
-              <p class="name">Facebook</p>
-              <p class="description">Connect with us on Facebook.</p>
-            </div>
-          </a>
-        </div>
-        <div class="badge" style="color: #ffffff; background: #0a66c2">
-          <a href="https://www.linkedin.com/in/naomi-lgbt/" class="url">
-            <i class="fab fa-linkedin"></i>
-            <div class="text">
-              <p class="name">LinkedIn</p>
-              <p class="description">Connect professionally on LinkedIn.</p>
+              <p class="name">Bluesky</p>
+              <p class="description">
+                Follow us on Bluesky for updates and thoughts.
+              </p>
             </div>
           </a>
         </div>
@@ -140,6 +125,15 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #0a66c2">
+          <a href="https://www.linkedin.com/in/naomi-lgbt/" class="url">
+            <i class="fab fa-linkedin"></i>
+            <div class="text">
+              <p class="name">LinkedIn</p>
+              <p class="description">Connect professionally on LinkedIn.</p>
+            </div>
+          </a>
+        </div>
         <div class="badge" style="color: #ffffff; background: #ff4500">
           <a href="https://www.reddit.com/user/naomi-lgbt/" class="url">
             <i class="fab fa-reddit"></i>
@@ -149,6 +143,95 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #1877f2">
+          <a href="https://www.facebook.com/naomi.h.carrigan" class="url">
+            <i class="fab fa-facebook"></i>
+            <div class="text">
+              <p class="name">Facebook</p>
+              <p class="description">Connect with us on Facebook.</p>
+            </div>
+          </a>
+        </div>
+        <!-- Writing / dev community -->
+        <div class="badge" style="color: #ffffff; background: #2962ff">
+          <a href="https://hashnode.com/@naomilgbt" class="url">
+            <i class="fab fa-hashnode"></i>
+            <div class="text">
+              <p class="name">Hashnode</p>
+              <p class="description">
+                Read our technical articles and tutorials.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #0a0a0a">
+          <a href="https://dev.to/naomi_lgbt" class="url">
+            <i class="fab fa-dev"></i>
+            <div class="text">
+              <p class="name">DEV Community</p>
+              <p class="description">
+                Follow our articles on the DEV community.
+              </p>
+            </div>
+          </a>
+        </div>
+        <!-- Professional network -->
+        <div class="badge" style="color: #ffffff; background: #00aa45">
+          <a href="https://peerlist.io/naomi_lgbt" class="url">
+            <i class="fas fa-id-badge"></i>
+            <div class="text">
+              <p class="name">Peerlist</p>
+              <p class="description">
+                Connect with us on the professional network for builders.
+              </p>
+            </div>
+          </a>
+        </div>
+        <!-- Visual -->
+        <div class="badge" style="color: #ffffff; background: #e4405f">
+          <a href="https://www.instagram.com/naomi.lgbt/" class="url">
+            <i class="fab fa-instagram"></i>
+            <div class="text">
+              <p class="name">Instagram</p>
+              <p class="description">See our photos and visual content.</p>
+            </div>
+          </a>
+        </div>
+        <!-- Events / speaking -->
+        <div class="badge" style="color: #ffffff; background: #1ab394">
+          <a href="https://sessionize.com/naomi-carrigan/" class="url">
+            <i class="fas fa-microphone"></i>
+            <div class="text">
+              <p class="name">Sessionize</p>
+              <p class="description">
+                View our speaker profile and conference talks.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #ed4845">
+          <a href="https://luma.com/user/NaomiLGBT" class="url">
+            <i class="fas fa-calendar-days"></i>
+            <div class="text">
+              <p class="name">Luma</p>
+              <p class="description">
+                RSVP to our events and follow our activities.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #ed1c40">
+          <a href="https://www.meetup.com/members/437962584/" class="url">
+            <i class="fab fa-meetup"></i>
+            <div class="text">
+              <p class="name">Meetup</p>
+              <p class="description">
+                Find us at meetups and community events.
+              </p>
+            </div>
+          </a>
+        </div>
+        <!-- Streaming / code / gaming / community -->
         <div class="badge" style="color: #ffffff; background: #9146ff">
           <a href="https://www.twitch.tv/naomilgbt" class="url">
             <i class="fab fa-twitch"></i>
@@ -180,17 +263,6 @@
             </div>
           </a>
         </div>
-        <div class="badge" style="color: #ffffff; background: #00a8ff">
-          <a href="https://bsky.app/profile/naomi.lgbt" class="url">
-            <i class="fas fa-cloud"></i>
-            <div class="text">
-              <p class="name">Bluesky</p>
-              <p class="description">
-                Follow us on Bluesky for updates and thoughts.
-              </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>
@@ -206,21 +278,13 @@
 
       <section>
         <h2>NHCarrigan</h2>
-        <div class="badge" style="color: #ffffff; background: #0a66c2">
-          <a href="https://www.linkedin.com/company/nhcarrigan/" class="url">
-            <i class="fab fa-linkedin"></i>
+        <!-- Microblogging / social posting -->
+        <div class="badge" style="color: #ffffff; background: #00a8ff">
+          <a href="https://bsky.app/profile/nhcarrigan.com" class="url">
+            <i class="fas fa-cloud"></i>
             <div class="text">
-              <p class="name">LinkedIn</p>
-              <p class="description">Follow our company page on LinkedIn.</p>
-            </div>
-          </a>
-        </div>
-        <div class="badge" style="color: #ffffff; background: #1877f2">
-          <a href="https://www.facebook.com/nhcarrigan" class="url">
-            <i class="fab fa-facebook"></i>
-            <div class="text">
-              <p class="name">Facebook</p>
-              <p class="description">Follow our company page on Facebook.</p>
+              <p class="name">Bluesky</p>
+              <p class="description">Our company Bluesky profile.</p>
             </div>
           </a>
         </div>
@@ -233,21 +297,12 @@
             </div>
           </a>
         </div>
-        <div class="badge" style="color: #ffffff; background: #ff4500">
-          <a href="https://www.reddit.com/r/nhcarrigan/" class="url">
-            <i class="fab fa-reddit"></i>
+        <div class="badge" style="color: #ffffff; background: #0a66c2">
+          <a href="https://www.linkedin.com/company/nhcarrigan/" class="url">
+            <i class="fab fa-linkedin"></i>
             <div class="text">
-              <p class="name">Reddit</p>
-              <p class="description">Join our official subreddit community.</p>
-            </div>
-          </a>
-        </div>
-        <div class="badge" style="color: #ffffff; background: #00a8ff">
-          <a href="https://bsky.app/profile/nhcarrigan.com" class="url">
-            <i class="fas fa-cloud"></i>
-            <div class="text">
-              <p class="name">Bluesky</p>
-              <p class="description">Our company Bluesky profile.</p>
+              <p class="name">LinkedIn</p>
+              <p class="description">Follow our company page on LinkedIn.</p>
             </div>
           </a>
         </div>
@@ -260,6 +315,48 @@
             </div>
           </a>
         </div>
+        <div class="badge" style="color: #ffffff; background: #ff4500">
+          <a href="https://www.reddit.com/r/nhcarrigan/" class="url">
+            <i class="fab fa-reddit"></i>
+            <div class="text">
+              <p class="name">Reddit</p>
+              <p class="description">Join our official subreddit community.</p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #1877f2">
+          <a href="https://www.facebook.com/nhcarrigan" class="url">
+            <i class="fab fa-facebook"></i>
+            <div class="text">
+              <p class="name">Facebook</p>
+              <p class="description">Follow our company page on Facebook.</p>
+            </div>
+          </a>
+        </div>
+        <!-- Writing / blog -->
+        <div class="badge" style="color: #ffffff; background: #ec4899">
+          <a href="https://blog.nhcarrigan.com" class="url">
+            <i class="fas fa-blog"></i>
+            <div class="text">
+              <p class="name">Blog</p>
+              <p class="description">
+                Read our latest blog posts and articles.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #2962ff">
+          <a href="https://hashnode.nhcarrigan.com" class="url">
+            <i class="fab fa-hashnode"></i>
+            <div class="text">
+              <p class="name">Hashnode (Self-Hosted)</p>
+              <p class="description">
+                Read our self-hosted blog mirror on Hashnode.
+              </p>
+            </div>
+          </a>
+        </div>
+        <!-- Support / funding -->
         <div class="badge" style="color: #ffffff; background: #ff5e5b">
           <a href="https://ko-fi.com/nhcarrigan" class="url">
             <i class="fab fa-ko-fi"></i>