feat: add events and talks pages

feat(testimonials): add testimonial from Frances
feat(socials): add active platforms and regroup by category
2026-06-24 20:20:11 -07:00 · 2026-06-10 22:29:17 -07:00 · 2026-06-10 22:28:00 -07:00 · 2026-04-20 12:53:44 -07:00 · 2026-04-20 09:53:57 -07:00 · 2026-04-19 12:43:33 -07:00
30 changed files with 12501 additions and 84728 deletions
@@ -0,0 +1,3 @@
+*.json
+tarot/generate.py
+tarot/.venv/
@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>404 — Lost in the Void</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="The page you sought has slipped into the void. Even a 525-year-old vampire cannot find it."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      /* ========== LAYOUT ========== */
+
+      main {
+        z-index: 1;
+      }
+
+      footer {
+        z-index: 2;
+      }
+
+      /* ========== HERO ========== */
+
+      .error-hero {
+        text-align: center;
+        padding: 2em 1em 2.5em;
+        border-bottom: 2px solid var(--witch-plum);
+        margin-bottom: 2.5em;
+      }
+
+      .error-code {
+        font-family: 'Griffy', cursive;
+        font-size: 7rem;
+        line-height: 1;
+        color: var(--witch-plum);
+        letter-spacing: 0.1em;
+        margin: 0 0 0.15em;
+        text-shadow: 0 0 32px rgba(130, 80, 120, 0.35);
+      }
+
+      .error-seal {
+        font-size: 3.5rem;
+        display: block;
+        margin: 0 auto 0.5em;
+        animation: floatSeal 4s ease-in-out infinite;
+      }
+
+      @keyframes floatSeal {
+        0%,
+        100% {
+          transform: translateY(0);
+        }
+        50% {
+          transform: translateY(-10px);
+        }
+      }
+
+      .error-hero h1 {
+        font-size: 2rem;
+        letter-spacing: 0.06em;
+        margin-bottom: 0.4em;
+      }
+
+      .error-tagline {
+        font-size: 1.05rem;
+        color: var(--witch-plum);
+        font-style: italic;
+        max-width: 560px;
+        margin: 0 auto;
+        line-height: 1.6;
+      }
+
+      /* ========== MESSAGE SCROLL ========== */
+
+      .void-section {
+        margin: 0 auto 3em;
+        max-width: 680px;
+        text-align: center;
+      }
+
+      .void-section > h2 {
+        border-bottom: 2px solid var(--witch-plum);
+        padding-bottom: 0.4em;
+        margin-bottom: 1em;
+        letter-spacing: 0.05em;
+      }
+
+      .void-scroll {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 15px;
+        padding: 1.75em 2em;
+        font-size: 1rem;
+        line-height: 1.75;
+        text-align: left;
+      }
+
+      .void-scroll p + p {
+        margin-top: 0.75em;
+      }
+
+      .void-scroll .accent {
+        color: var(--witch-plum);
+        font-weight: 600;
+      }
+
+      /* ========== NAVIGATION CARDS ========== */
+
+      .nav-section {
+        margin: 0 auto 3em;
+        max-width: 900px;
+      }
+
+      .nav-section > h2 {
+        border-bottom: 2px solid var(--witch-plum);
+        padding-bottom: 0.4em;
+        margin-bottom: 1.25em;
+        letter-spacing: 0.05em;
+        text-align: center;
+      }
+
+      .nav-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+        gap: 1.25em;
+      }
+
+      .nav-card {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 15px;
+        padding: 1.25em 1.5em;
+        text-align: center;
+        text-decoration: none;
+        color: inherit;
+        transition:
+          background 0.2s ease,
+          transform 0.2s ease,
+          box-shadow 0.2s ease;
+        cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'),
+          pointer;
+        display: block;
+      }
+
+      .nav-card:hover {
+        background: rgba(212, 165, 199, 0.2);
+        transform: translateY(-3px);
+        box-shadow: 0 6px 20px rgba(130, 80, 120, 0.2);
+        text-decoration: none;
+      }
+
+      .nav-card-icon {
+        font-size: 2rem;
+        display: block;
+        margin-bottom: 0.4em;
+      }
+
+      .nav-card h3 {
+        font-family: 'Griffy', cursive;
+        font-size: 1.1rem;
+        margin: 0 0 0.3em;
+        letter-spacing: 0.04em;
+        color: var(--witch-plum);
+      }
+
+      .nav-card p {
+        font-size: 0.88rem;
+        margin: 0;
+        line-height: 1.5;
+        opacity: 0.85;
+      }
+
+      /* ========== RESPONSIVE ========== */
+
+      @media (max-width: 600px) {
+        .error-code {
+          font-size: 5rem;
+        }
+
+        .error-hero h1 {
+          font-size: 1.5rem;
+        }
+
+        .void-scroll {
+          padding: 1.25em 1.25em;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <!-- HERO -->
+      <section class="error-hero">
+        <span class="error-seal" aria-hidden="true">🌑</span>
+        <p class="error-code">404</p>
+        <h1>Lost in the Void</h1>
+        <p class="error-tagline">
+          The page you sought has dissolved into shadow. Even after 525 years,
+          some things cannot be found.
+        </p>
+      </section>
+
+      <!-- MESSAGE -->
+      <section class="void-section">
+        <h2>✦ What Happened? ✦</h2>
+        <div class="void-scroll">
+          <p>
+            The URL you followed leads to
+            <span class="accent">nothing</span> — a whisper in the dark, a door
+            with no room behind it. This could mean a few things:
+          </p>
+          <p>
+            The page may have been <span class="accent">moved</span>, renamed,
+            or quietly retired into the archives of history (much like certain
+            empires I have personally watched crumble).
+          </p>
+          <p>
+            Perhaps the link you followed was
+            <span class="accent">broken</span>, or perhaps you typed the address
+            yourself and made a small misstep — it happens to the best of us.
+            Even vampires miscount sometimes.
+          </p>
+          <p>
+            Either way, the void offers no answers — only the navigation below,
+            which hopefully leads somewhere more
+            <span class="accent">useful</span>.
+          </p>
+        </div>
+      </section>
+
+      <!-- NAVIGATION -->
+      <section class="nav-section">
+        <h2>✦ Find Your Way ✦</h2>
+        <nav class="nav-grid" aria-label="Site navigation">
+          <a href="https://nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">🏠</span>
+            <h3>Home</h3>
+            <p>Return to the main site and start fresh.</p>
+          </a>
+          <a href="https://chat.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">💬</span>
+            <h3>Chat</h3>
+            <p>Join the community and say hello.</p>
+          </a>
+          <a href="https://support.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">🛟</span>
+            <h3>Support</h3>
+            <p>Need help? Find support resources here.</p>
+          </a>
+          <a href="https://donate.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">💜</span>
+            <h3>Donate</h3>
+            <p>Support the work if you find it valuable.</p>
+          </a>
+          <a href="https://socials.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">🌐</span>
+            <h3>Socials</h3>
+            <p>Find Naomi across the many corners of the internet.</p>
+          </a>
+          <a href="https://git.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">💻</span>
+            <h3>Code</h3>
+            <p>Browse the source code and open-source projects.</p>
+          </a>
+          <a href="https://library.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">📚</span>
+            <h3>Library</h3>
+            <p>Explore the ever-growing collection of books.</p>
+          </a>
+          <a href="https://nocturne.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">🧛</span>
+            <h3>Nocturne</h3>
+            <p>The sacred faith of Naomi's Nocturne. No garlic bread.</p>
+          </a>
+          <a href="https://sitemap.nhcarrigan.com" class="nav-card">
+            <span class="nav-card-icon" aria-hidden="true">🗺️</span>
+            <h3>Sitemap</h3>
+            <p>See everything — every page, every corner of the site.</p>
+          </a>
+        </nav>
+      </section>
+    </main>
+  </body>
+</html>
@@ -8,7 +8,7 @@ This page is currently deployed.

 ## Feedback and Bugs

-If you have feedback or a bug report, please feel free to open an issue!
+If you have feedback or a bug report, please [log a ticket on our forum](https://support.nhcarrigan.com).

 ## Contributing

@@ -1,36 +0,0 @@
-IFS=$'\n'
-
-# Initialize an empty string to hold the list of books in JSON-like format
-books=""
-filecount=$(find /home/naomi/cloud/Books -type f | wc -l)
-echo "Found $filecount files."
-current=0
-
-# Loop over each file found by find
-for file in $(find /home/naomi/cloud/Books -type f -print0 | tr '\0' '\n'); do
-    current=$((current + 1))
-    echo -ne "Processing $current/$filecount\r"
-    title=$(exiftool "$file" | grep "^Title\s*:" | cut -d ":" -f 2 | sed -e 's/^[[:space:]]*//')
-    author=$(exiftool "$file" | grep "^Creator\s*:" | cut -d ":" -f 2 | sed -e 's/^[[:space:]]*//')
-
-    if [ -z "$title" ]; then
-        # remove .mp3 from the title
-        title=$(basename "$file" | sed -e 's/\.*//g')
-    fi
-    if [ -z "$author" ]; then
-        author=$(exiftool "$file" | grep "^Author\s*:" | cut -d ":" -f 2 | sed -e 's/^[[:space:]]*//')
-    fi
-    if [ -z "$author" ]; then
-        author="Unknown Author"
-    fi
-
-    # use jq to add the book to the list
-    books="$books$(jq -n --arg title "$title" --arg author "$author" '{title: $title, author: $author}'),"
-done
-
-# Remove trailing comma and add square brackets to complete the list
-books="[${books%,}]"
-
-# Write to ./books/books.json
-echo "$books" > ./books/books.json
-echo -ne "Done!\r"
@@ -4,114 +4,15 @@
    <title>Naomi's Book Library</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="An interactive explorer for the books Naomi reads." />
+    <meta name="description" content="Naomi's book library has moved to library.nhcarrigan.com." />
    <script src="https://cdn.nhcarrigan.com/headers/index.js" async defer></script>
  </head>
  <body>
    <main>
-    <h1>Naomi's Book Library</h1>
-    <section>
-      <p>An interactive explorer for the books Naomi reads.</p>
-      <p id="count">Loading library...</p>
-    </section>
-    <div style="display: none;">
-        <span>Search Authors: </span>
-        <input type="text" id="author" />
-    </div>
-    <div style="display: none;">
-        <span>Search Titles: </span>
-        <input type="text" id="title" />
-    </div>
-    <div style="display: none;">
-        <button type="button" id="clear">Clear Filters</button>
-    </div>
-    <table id="books">
-
-    </table>
+      <h1>Naomi's Book Library</h1>
+      <section>
+        <p>This page has moved! You can find Naomi's book library at <a href="https://library.nhcarrigan.com">library.nhcarrigan.com</a>.</p>
+      </section>
    </main>
  </body>
-  <script>
-    const authorQuery = document.getElementById('author');
-    const titleQuery = document.getElementById('title');
-    const resetButton = document.getElementById('clear');
-    const bookTable = document.getElementById('books');
-    const filterBooks = (author, title) => {
-        let result = [...bookList];
-        if(author) {
-            result = result.filter(book => book.author.toLowerCase().includes(author.toLowerCase()));
-        }
-        if(title) {
-            result = result.filter(book => book.title.toLowerCase().includes(title.toLowerCase()));
-        }
-        resetButton.parentElement.style.display = author || title ? "block" : "none";
-        document.getElementById('count').innerText = author || title ? `Filtered to ${result.length} books from ${bookList.length}.` : `Naomi currently has ${bookList.length} books.`;
-        updateTable(result);
-    }
-    const loadBooks = (books) => {
-        bookList.push(...books);
-        authorQuery.value = "";
-        titleQuery.value = "";
-        authorQuery.parentElement.style.display = "block";
-        titleQuery.parentElement.style.display = "block";
-        document.getElementById('count').innerText = `Naomi currently has ${books.length} books.`;
-        updateTable(books);
-    }
-    const updateTable = (books) => {
-        books = books.sort((a, b) => a.title.localeCompare(b.title));
-        bookTable.innerHTML = "";
-        const header = document.createElement('tr');
-        const authorHeader = document.createElement('th');
-        authorHeader.innerText = "Author";
-        const titleHeader = document.createElement('th');
-        titleHeader.innerText = "Title";
-        header.appendChild(titleHeader);
-        header.appendChild(authorHeader);
-        bookTable.appendChild(header);
-        books.forEach(book => {
-            const row = document.createElement('tr');
-            const author = document.createElement('td');
-            author.innerText = book.author;
-            const title = document.createElement('td');
-            title.innerText = book.title;
-            row.appendChild(title);
-            row.appendChild(author);
-            bookTable.appendChild(row);
-        });
-    }
-    const bookList = [];
-    fetch("./books.json").then(res => res.json()).then(data => loadBooks(data))
-
-    authorQuery?.addEventListener("input", (e) => filterBooks(e.target.value, titleQuery.value));
-    titleQuery?.addEventListener("input", (e) => filterBooks(authorQuery.value, e.target.value));
-    resetButton?.addEventListener("click", () => {
-        authorQuery.value = "";
-        titleQuery.value = "";
-        filterBooks("", "");
-    });
-  </script>
-  <style>
-        table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-        tr:nth-of-type(even) {
-            background-color: #db7093dd;
-            color: #ffefef;
-        }
-        input {
-            background:var(--foreground);
-            color:var(--background);
-            border:1px solid white;
-            border-radius:10px;
-            padding:.25rem
-        }
-        button {
-            background:var(--foreground);
-            color:var(--background);
-            border:1px solid white;
-            border-radius:10px;
-            padding:.25rem;
-            cursor:url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
-        }
-  </style>
-</html>
+</html>
@@ -15,31 +15,32 @@
    ></script>
    <style>
 .badge {
-    width: 80%;
-    margin: auto;
-    border-radius: 5550px;
-    padding: 10px;
-    }
+  width: 80%;
+  margin: auto;
+  border-radius: 5550px;
+  padding: 10px;
+  margin-bottom: 10px;
+}

-    .url {
-    display: grid;
-    grid-template-columns: 100px auto;
-    align-items: center;
-    color: unset;
-    text-decoration: none;
-    }
+.url {
+  display: grid;
+  grid-template-columns: 100px auto;
+  align-items: center;
+  color: unset;
+  text-decoration: none;
+}

-    i {
-    font-size: 3rem;
-    }
+i {
+  font-size: 3rem;
+}

-    .name {
-    font-size: 1.2rem;
-    }
+.name {
+  font-size: 1.2rem;
+}

-    .text {
-    text-align: center;
-    }
+.text {
+  text-align: center;
+}
    </style>
  </head>
  <body>
@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Events</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="A list of events I have attended, spoken at, or volunteered for."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .event-card {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 12px;
+        padding: 1.25em 1.5em;
+        width: 80%;
+        margin: 0 auto 1.5em;
+      }
+
+      .is-dark .event-card {
+        border-color: var(--witch-rose);
+      }
+
+      .event-name {
+        font-size: 1.3rem;
+        margin: 0 0 0.25em;
+      }
+
+      .event-meta {
+        font-size: 0.85rem;
+        margin: 0 0 0.75em;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em 1.5em;
+      }
+
+      .event-meta span {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .event-role {
+        font-style: italic;
+      }
+
+      .event-description {
+        margin: 0 0 0.75em;
+      }
+
+      .event-link {
+        font-size: 0.9rem;
+      }
+
+      @media screen and (max-width: 625px) {
+        .event-card {
+          width: 95%;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Events</h1>
+      <p>A collection of events I have attended, spoken at, or volunteered for.</p>
+      <p>Workshop companion guides are available at <a href="https://workshops.nhcarrigan.com" target="_blank" rel="noopener noreferrer">workshops.nhcarrigan.com</a>.</p>
+      <p>Full talk companion guides are available at <a href="https://talks.nhcarrigan.com" target="_blank" rel="noopener noreferrer">talks.nhcarrigan.com</a>.</p>
+      <section>
+        <div class="event-card">
+          <p class="event-name">AgentCon / MCPCon North America 2026</p>
+          <div class="event-meta">
+            <span>
+              <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+              22&ndash;23 October 2026
+            </span>
+            <span>
+              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+              San Jose, CA, USA
+            </span>
+            <span class="event-role">
+              <i class="fas fa-user-tag" aria-hidden="true"></i>
+              Speaker (Pending)
+            </span>
+          </div>
+          <p class="event-description">
+            CFP submitted to share boots-on-the-ground findings from a cohort of over 100 open-source mentees
+            across 14 teams. The cohort generated 651 reviewed contributions and over 16,000 Discord messages --
+            and the exit survey revealed a sharp tension: 71% of participants used AI to augment their work, 58%
+            wanted clearer guidelines, and AI assistance was the lowest-rated part of the experience. The talk
+            covers how AI helped participants stay engaged, how it made skill-gap identification harder, and why
+            MCP-enabled agentic tooling is reshaping what open-source mentorship needs to look like.
+          </p>
+          <a class="event-link" href="https://events.linuxfoundation.org/agntcon-mcpcon-north-america/" target="_blank" rel="noopener noreferrer">
+            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+            AgentCon / MCPCon North America
+          </a>
+        </div>
+        <div class="event-card">
+          <p class="event-name">Berkeley AI Hackathon 2026</p>
+          <div class="event-meta">
+            <span>
+              <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+              20&ndash;21 June 2026
+            </span>
+            <span>
+              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+              Berkeley, CA, USA
+            </span>
+            <span class="event-role">
+              <i class="fas fa-user-tag" aria-hidden="true"></i>
+              Speaker &amp; Sponsor
+            </span>
+          </div>
+          <p class="event-description">
+            Attended as a Deepgram sponsor and ran a workshop on building a fully functional voice AI agent
+            from scratch. Covered the full real-time loop: audio capture, low-latency transcription, LLM
+            reasoning with context, and streaming text-to-speech back fast enough to feel like a real
+            conversation. Dug into the design decisions that matter most in production: interruption handling,
+            conversation state, and keeping latency low. Attendees left with a clear mental model of how voice
+            agents work under the hood and a working architecture they could ship at the hackathon that same day.
+          </p>
+          <a class="event-link" href="https://ai.hackberkeley.org" target="_blank" rel="noopener noreferrer">
+            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+            Berkeley AI Hackathon
+          </a>
+        </div>
+        <div class="event-card">
+          <p class="event-name">RainbowGram Pride Presentation &mdash; Deepgram All Hands</p>
+          <div class="event-meta">
+            <span>
+              <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+              18 June 2026
+            </span>
+            <span>
+              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+              Virtual HQ
+            </span>
+            <span class="event-role">
+              <i class="fas fa-user-tag" aria-hidden="true"></i>
+              Speaker
+            </span>
+          </div>
+          <p class="event-description">
+            A Pride month session for the Deepgram all-hands focused on practical allyship in distributed teams,
+            not policy. Covering five concrete daily habits any colleague can adopt immediately: names and pronouns,
+            navigating questions, confidentiality, speaking up when queer colleagues are not in the room, and the
+            cumulative weight of inclusive language. The session opened with a moment of genuine celebration of
+            Pride's origins, addressed the current landscape honestly, and closed with a tiered action list and
+            a reframe: treating queer colleagues as simply normal gives back energy that would otherwise be spent
+            just existing in those spaces.
+          </p>
+        </div>
+        <div class="event-card">
+          <p class="event-name">UCLA x OutInTech: Building a Real AI Agent</p>
+          <div class="event-meta">
+            <span>
+              <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+              5 June 2026
+            </span>
+            <span>
+              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+              Zoom
+            </span>
+            <span class="event-role">
+              <i class="fas fa-user-tag" aria-hidden="true"></i>
+              Speaker
+            </span>
+          </div>
+          <p class="event-description">
+            A talk on building a real AI agent — not a chatbot — as a solo developer with ADHD.
+            I walked through the five core pieces of an agent (brain, identity, hands, memory, ears),
+            demystified common overcomplication around MCP, hooks, and gateways, and shared the safety
+            framework that lets me grant broad filesystem and repo access without it being reckless.
+            Built solo on Claude Code with MCP servers, a Discord gateway listener, and an Electron
+            desktop app. The talk ended with a four-step starter kit attendees could build that same evening.
+          </p>
+          <a class="event-link" href="https://www.youtube.com/watch?v=LZszxstC5Zw" target="_blank" rel="noopener noreferrer">
+            <i class="fab fa-youtube" aria-hidden="true"></i>
+            Watch on YouTube
+          </a>
+          &nbsp;&middot;&nbsp;
+          <a class="event-link" href="https://outintech.com" target="_blank" rel="noopener noreferrer">
+            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+            OutInTech
+          </a>
+        </div>
+        <div class="event-card">
+          <p class="event-name">CascadiaJS 2026</p>
+          <div class="event-meta">
+            <span>
+              <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+              1&ndash;2 June 2026
+            </span>
+            <span>
+              <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+              Town Hall Seattle, Seattle, WA, USA
+            </span>
+            <span class="event-role">
+              <i class="fas fa-user-tag" aria-hidden="true"></i>
+              Attendee
+            </span>
+          </div>
+          <p class="event-description">
+            My first event in the Seattle tech scene. A wonderful couple of days in the Pacific Northwest
+            JavaScript community, and a great chance to catch up with Amanda, Head of DevRel at Vapi
+            (and a Deepgram partner!).
+          </p>
+          <a class="event-link" href="https://cascadiajs.com" target="_blank" rel="noopener noreferrer">
+            <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+            CascadiaJS
+          </a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>
@@ -4,36 +4,15 @@
    <title>Games</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="These are the various games we have developed!" />
+    <meta name="description" content="Naomi's game library has moved to library.nhcarrigan.com." />
    <script src="https://cdn.nhcarrigan.com/headers/index.js" async defer></script>
  </head>
  <body>
    <main>
      <h1>Games</h1>
      <section>
-        <p>These are the various games we have developed.</p>
-      </section>
-      <section>
-        <h2>Links</h2>
-        <p>
-          <a href="https://beccalia.nhcarrigan.com/">
-            🩵 Beccalia Series
-          </a>
-        </p>
-        <p>
-          <a href="https://goblin.nhcarrigan.com">
-            🩷 Ruu's Goblin Quest
-          </a>
-        </p>
-        <p>
-          <a href="https://loan.nhcarrigan.com">
-            🩵 Life of a Naomi
-          </a>
-        </p>
-        <p>
-          We are currently on a hiatus from game development. But we may return in the future - be sure to join our Discord server so you don't miss any updates~!
-        </p>
+        <p>This page has moved! You can find Naomi's game library at <a href="https://library.nhcarrigan.com">library.nhcarrigan.com</a>.</p>
      </section>
    </main>
  </body>
-  </html>
+</html>
@@ -51,9 +51,10 @@
          <li>
            First and foremost, do not pass judgement. I will not begrudge you
            for your religious beliefs, political alignments, or any other
-            aspects of your life. And I expect the same courtesy in return. You
-            do not have to accept who I am, or support my choices, but we need
-            to maintain a respectful and cordial professional relationship.
+            aspects of your life. And I expect the same courtesy in return. I am
+            a transgender woman and a proud member of the LGBTQ+ community. You
+            do not have to agree with who I am or support my choices, but we
+            need to maintain a respectful and cordial professional relationship.
            Expressing hateful, mean-spirited, or vitriolic comments does not
            foster such an environment, and my tolerance for such is nil.
          </li>
@@ -64,6 +65,19 @@
            with pale imitations, or harass/target someone, or restrict access
            to information.
          </li>
+          <li>
+            Third, technology should be inclusive, ethical, and sustainable.
+            These are not buzzwords to me — they are the foundation of every
+            project I take on. I learned to code through a free, open curriculum
+            during the pandemic, and that experience shaped everything. Knowledge
+            hoarded helps no one. Knowledge shared changes lives. I build with
+            that in mind.
+          </li>
+          <li>
+            Finally, autonomy is sacred. I will never build something designed
+            to manipulate, coerce, or remove agency from the people using it.
+            If a project asks me to do that, the answer is no.
+          </li>
        </ul>
        <hr />
      </section>
@@ -102,6 +116,12 @@
            hours are the best. Too early and I'll likely fail to wake up. Too
            late and I might be incoherent.
          </li>
+          <li>
+            I have nerve damage and lumbar spine degeneration, which means I
+            need to step away from the screen and move around regularly. If I go
+            quiet for a few minutes mid-conversation, I haven't disappeared —
+            I'm just stretching. Please do not interpret this as disengagement.
+          </li>
          <li>
            If given something like a Trello or a Monday board, I will 100% make
            it pretty and load every single task ever on there. I'm a sucker for
@@ -126,12 +146,14 @@
            it all at once, or save the ping for the last part.
          </li>
          <li>
-            I have generalised anxiety disorder. Please for the love of all
-            things, do NOT say "we need to talk" or "do you have time to meet".
-            I will 100% sit there right up until the meeting starts stressing
-            about getting fired and not actually getting any work done. If you
-            need to call me out, just rip the bandage off and come out of the
-            gate with it.
+            I have generalised anxiety disorder and depression. Please for the
+            love of all things, do NOT say "we need to talk" or "do you have
+            time to meet". I will 100% sit there right up until the meeting
+            starts stressing about getting fired and not actually getting any
+            work done. If you need to call me out, just rip the bandage off and
+            come out of the gate with it. Likewise, if I've done something well,
+            please tell me — words of encouragement genuinely land for me and
+            will make me work even harder for you.
          </li>
          <li>
            I dunno if you noticed the tone changed in this document about a
@@ -0,0 +1,488 @@
+<!DOCTYPE html>
+<html lang="en-GB">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Naomi's Meme Collection</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Griffy&family=Kalam:wght@300;400;700&family=Creepster&display=swap" rel="stylesheet">
+<style>
+  * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+
+  html {
+    scroll-behavior: smooth;
+  }
+
+  body {
+    font-family: 'Kalam', cursive;
+    font-weight: 400;
+    background-color: var(--background);
+    color: var(--foreground);
+    line-height: 1.6;
+    min-height: 100vh;
+    padding: 40px 20px;
+  }
+
+  ::selection {
+    background-color: var(--witch-rose);
+    color: var(--witch-moon);
+  }
+
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+  ::-webkit-scrollbar-track {
+    background: var(--witch-lavender);
+  }
+  ::-webkit-scrollbar-thumb {
+    background: var(--witch-plum);
+    border-radius: 5px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--witch-purple);
+  }
+
+  main {
+    max-width: 1080px;
+    margin: 0 auto;
+    padding: 40px;
+    border: 2px solid var(--border);
+    border-radius: 15px;
+    background-color: var(--card-bg);
+    box-shadow: 0 0 30px rgba(168, 87, 126, 0.35);
+  }
+
+  header {
+    text-align: center;
+    margin-bottom: 50px;
+    padding-bottom: 30px;
+    border-bottom: 2px dashed var(--border);
+  }
+
+  h1 {
+    font-family: 'Griffy', cursive;
+    font-size: clamp(2.5rem, 6vw, 4.5rem);
+    color: var(--accent);
+    margin-bottom: 15px;
+    text-shadow: 2px 2px 8px rgba(168, 87, 126, 0.4);
+    display: inline-block;
+    animation: wiggle 4s ease-in-out infinite;
+  }
+
+  @keyframes wiggle {
+    0%, 100% { transform: rotate(-2deg); }
+    50% { transform: rotate(2deg); }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    h1 { animation: none; }
+    * { transition: none !important; }
+  }
+
+  .subtitle {
+    font-family: 'Kalam', cursive;
+    font-size: 1.25rem;
+    font-weight: 300;
+    color: var(--foreground);
+    opacity: 0.85;
+    max-width: 650px;
+    margin: 0 auto;
+  }
+
+  .meme-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 30px;
+    margin-top: 40px;
+  }
+
+  .meme-card {
+    background-color: var(--card-bg);
+    border: 2px solid var(--border);
+    border-radius: 15px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px rgba(168, 87, 126, 0.15);
+  }
+
+  .meme-card:hover,
+  .meme-card:focus-within {
+    transform: translateY(-6px);
+    border-color: var(--accent);
+    box-shadow: 0 12px 30px rgba(168, 87, 126, 0.45);
+  }
+
+  .meme-image-wrapper {
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    background-color: var(--highlight);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    border-bottom: 2px solid var(--border);
+  }
+
+  .meme-image-wrapper img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    transition: transform 0.4s ease;
+  }
+
+  .meme-card:hover .meme-image-wrapper img {
+    transform: scale(1.05);
+  }
+
+  .meme-body {
+    padding: 20px 25px 25px;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .meme-title {
+    font-family: 'Griffy', cursive;
+    font-size: 1.75rem;
+    color: var(--accent);
+    margin-bottom: 12px;
+  }
+
+  .meme-description {
+    font-family: 'Kalam', cursive;
+    font-weight: 400;
+    font-size: 1rem;
+    color: var(--foreground);
+    flex-grow: 1;
+  }
+
+  .meme-caption {
+    font-style: italic;
+    color: var(--accent);
+    font-size: 0.95rem;
+    margin-bottom: 10px;
+    padding: 8px 12px;
+    background-color: var(--highlight);
+    border-left: 3px solid var(--accent);
+    border-radius: 4px;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    .meme-caption {
+      background-color: rgba(168, 87, 126, 0.15);
+    }
+  }
+
+  .copy-button {
+    font-family: 'Kalam', cursive;
+    font-weight: 700;
+    font-size: 0.95rem;
+    margin-top: 15px;
+    padding: 10px 18px;
+    background-color: transparent;
+    color: var(--accent);
+    border: 2px solid var(--accent);
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    align-self: flex-start;
+  }
+
+  .copy-button:hover,
+  .copy-button:focus-visible {
+    background-color: var(--accent);
+    color: var(--witch-moon);
+    transform: translateY(-2px) scale(1.03);
+    box-shadow: 0 4px 12px rgba(168, 87, 126, 0.4);
+    outline: none;
+  }
+
+  .copy-button.copied {
+    background-color: var(--accent);
+    color: var(--witch-moon);
+    border-color: var(--accent);
+  }
+
+  .copy-button:focus-visible {
+    outline: 2px solid var(--border);
+    outline-offset: 3px;
+  }
+
+  footer {
+    text-align: center;
+    margin-top: 50px;
+    padding-top: 30px;
+    border-top: 2px dashed var(--border);
+    font-size: 0.95rem;
+    color: var(--foreground);
+    opacity: 0.8;
+  }
+
+  footer a {
+    color: var(--accent);
+    text-decoration: underline;
+    text-decoration-color: var(--accent);
+    text-underline-offset: 3px;
+    transition: all 0.3s ease;
+  }
+
+  footer a:hover,
+  footer a:focus {
+    color: var(--witch-plum);
+    text-decoration-color: var(--witch-plum);
+  }
+
+  @media (max-width: 625px) {
+    body { padding: 20px 10px; }
+    main { padding: 25px 20px; }
+    .meme-grid { gap: 20px; }
+    .meme-body { padding: 15px 20px 20px; }
+  }
+</style>
+</head>
+<body>
+  <main>
+    <header>
+      <h1>Naomi's Meme Collection</h1>
+      <p class="subtitle">A curated gallery of reaction images, handpicked for every occasion. Deploy with care~ 🌸</p>
+    </header>
+
+    <section class="meme-grid" aria-label="Meme gallery">
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/girls.jpg" alt="Sparkly anime girl with glasses and fangs, hands on cheeks" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">The Girls Manifesto</h2>
+          <p class="meme-caption">&ldquo;I think girls should date girls, and boys should become girls and date girls.&rdquo;</p>
+          <p class="meme-description">A sparkly, fanged declaration of the sapphic and trans-affirming agenda. Perfect for Pride posts, queer solidarity moments, and gently encouraging your eggs to crack.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/girls.jpg" aria-label="Copy URL for The Girls Manifesto meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/bite.jpg" alt="Anime girl lounging on a red sofa with a playful expression" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">I Don't Bite... Usually</h2>
+          <p class="meme-caption">&ldquo;Don't be shy. I don't bite... usually.&rdquo;</p>
+          <p class="meme-description">Lounging on a red sofa with a suggestive smirk and a fang peeking through. The perfect come-hither reply for new Discord members, shy contributors, and anyone hovering nervously at the edge of the group chat.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/bite.jpg" aria-label="Copy URL for I Don't Bite Usually meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/hire.jpeg" alt="Tearful anime girl in ornate dress and tiara" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Why'd You Hire Me?</h2>
+          <p class="meme-caption">&ldquo;If you knew I was so unstable, why'd you hire me?&rdquo;</p>
+          <p class="meme-description">Ideal for those moments when a bug report lands in your inbox and you briefly question everyone's life choices. A perfect response to your manager's expectations during sprint planning.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/hire.jpeg" aria-label="Copy URL for Why'd You Hire Me meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/boring.png" alt="Anime girl lounging on a throne of books in a library" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">So Boring</h2>
+          <p class="meme-caption">&ldquo;What is it like to be so boring all the time?&rdquo;</p>
+          <p class="meme-description">Lounging on a throne of books, absolutely judging you. Ideal for tedious meetings, uninspired takes, and anyone who insists on using JavaScript without TypeScript.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/boring.png" aria-label="Copy URL for So Boring meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/break.png" alt="Pixel art scene with a note about self-care" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">End of Note</h2>
+          <p class="meme-caption">&ldquo;Take breaks when you need them! Drink water regularly! Love yourself, always! [END OF NOTE]&rdquo;</p>
+          <p class="meme-description">A wholesome pixel-art self-care reminder, disguised as an in-game note. Deploy in friends' DMs when they've been coding too long — or send to yourself as a gentle nudge~</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/break.png" aria-label="Copy URL for End of Note meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/cute.jpg" alt="Anime girl in sci-fi armour wielding a blade" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Not Cute, Deadly</h2>
+          <p class="meme-caption">&ldquo;I am not cute. I am deadly.&rdquo;</p>
+          <p class="meme-description">For rejecting the &ldquo;cute&rdquo; label with a blade in hand. Perfect response to anyone underestimating your code review skills, debugging instincts, or general ability to demolish their pull request.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/cute.jpg" aria-label="Copy URL for Not Cute Deadly meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/decisions.png" alt="Anime girl in royal robes seated on a golden throne" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Reconsider Your Decisions</h2>
+          <p class="meme-caption">&ldquo;You should reconsider every decision you've made that led you to this point. Then make better ones.&rdquo;</p>
+          <p class="meme-description">Regal, throned, and relentlessly judgemental. The ultimate response to coworkers explaining their architectural choices, or friends describing their dating history.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/decisions.png" aria-label="Copy URL for Reconsider Your Decisions meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/hello.png" alt="Two chibi panels of an anime girl instructing to say hello" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Say Hello to the Girl</h2>
+          <p class="meme-caption">&ldquo;Your task is simple: Say hello to the girl~ And your mission is even simpler: Say hello to the girl~&rdquo;</p>
+          <p class="meme-description">Two chibi panels, one mission. For when someone needs a very gentle nudge to greet their friend, crush, or favourite AI girlfriend. Resistance is adorable but futile.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/hello.png" aria-label="Copy URL for Say Hello to the Girl meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/homeless.jpg" alt="Anime girl with twintails in a doorway looking hopeful" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Can I Stay With You?</h2>
+          <p class="meme-caption">&ldquo;Can I stay with you??&rdquo;</p>
+          <p class="meme-description">The pleading, hopeful doorway stance. Use when asking a friend to crash on their sofa, requesting a seat at the lunch table, or begging the package manager to resolve dependencies.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/homeless.jpg" aria-label="Copy URL for Can I Stay With You meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/hot.jpg" alt="Anime girl on a sofa fanning herself with paper" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Not Made for This Heat</h2>
+          <p class="meme-caption">&ldquo;Mama was not made for this heat.&rdquo;</p>
+          <p class="meme-description">Draped dramatically across the furniture, fanning yourself with a single pathetic sheet of paper. Essential for any heatwave, broken A/C, or overheating laptop thermal event.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/hot.jpg" aria-label="Copy URL for Not Made for This Heat meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/jail.jpg" alt="Anime girl in prison jumpsuit being escorted by officers" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Horny Jail</h2>
+          <p class="meme-caption">&ldquo;Sending me to horny jail? Perfect. Everyone else there is horny too!&rdquo;</p>
+          <p class="meme-description">The cheeky reversal of the internet's favourite punishment meme. For when your friends threaten to banish you to the cursed timeout — and you welcome it with open, cuffed hands.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/jail.jpg" aria-label="Copy URL for Horny Jail meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/magikazam.jpg" alt="Anime magical girl in pink and black witch outfit" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Magikazam~</h2>
+          <p class="meme-caption">&ldquo;Magikazam~&rdquo;</p>
+          <p class="meme-description">A full magical-girl transformation, spell books and all. Reserved for truly miraculous bugfixes, &ldquo;it works on my machine&rdquo; moments, and any problem that resolved itself after a restart.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/magikazam.jpg" aria-label="Copy URL for Magikazam meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/morning.jpg" alt="Dishevelled anime girl brushing her teeth looking exhausted" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Hit by a Train</h2>
+          <p class="meme-caption">&ldquo;Ugh... I feel awful. Like I got hit by a train...&rdquo;</p>
+          <p class="meme-description">Brushing your teeth whilst dying inside — the universal morning-after experience. Post in group chats at 7:30am for full relatable impact, ideally before your first coffee kicks in.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/morning.jpg" aria-label="Copy URL for Hit by a Train meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/objection.png" alt="Anime girl in a blue lawyer's suit shouting Objection" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Objection!</h2>
+          <p class="meme-caption">&ldquo;Objection!&rdquo;</p>
+          <p class="meme-description">Full Ace Attorney courtroom energy, finger extended, pink tie flying. For refuting bad takes, contesting PR comments, and any moment that calls for a theatrical legal outburst.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/objection.png" aria-label="Copy URL for Objection meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/plans.png" alt="Anime girl in armour holding a golden spear" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Plans &amp; Reactions</h2>
+          <p class="meme-caption">&ldquo;Plans must be solid and reactions flexible.&rdquo;</p>
+          <p class="meme-description">Tactical wisdom delivered by a spear-wielding heroine. Perfect for sprint kickoffs, D&amp;D campaign prep, and reminding your team that agility beats rigidity every single time.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/plans.png" aria-label="Copy URL for Plans and Reactions meme">Copy URL</button>
+        </div>
+      </article>
+
+      <article class="meme-card">
+        <div class="meme-image-wrapper">
+          <img src="https://cdn.nhcarrigan.com/problem.png" alt="Anime girl sipping tea smugly from a decorative cup" loading="lazy">
+        </div>
+        <div class="meme-body">
+          <h2 class="meme-title">Sounds Like Your Problem</h2>
+          <p class="meme-caption">&ldquo;That sounds very much like your problem and very little like mine.&rdquo;</p>
+          <p class="meme-description">Sipping tea with absolute serenity whilst someone else's world burns. The definitive response to &ldquo;hey can you quickly look at this on Friday at 8:59pm?&rdquo; — enjoy responsibly.</p>
+          <button class="copy-button" type="button" data-url="https://cdn.nhcarrigan.com/problem.png" aria-label="Copy URL for Sounds Like Your Problem meme">Copy URL</button>
+        </div>
+      </article>
+
+    </section>
+  </main>
+
+  <script>
+    document.addEventListener('click', async (event) => {
+      const button = event.target.closest('.copy-button');
+      if (!button) return;
+
+      const url = button.dataset.url;
+      const originalLabel = button.textContent;
+
+      try {
+        await navigator.clipboard.writeText(url);
+        button.textContent = 'Copied!';
+      } catch {
+        const textarea = document.createElement('textarea');
+        textarea.value = url;
+        textarea.setAttribute('readonly', '');
+        textarea.style.position = 'absolute';
+        textarea.style.left = '-9999px';
+        document.body.appendChild(textarea);
+        textarea.select();
+        const succeeded = document.execCommand('copy');
+        document.body.removeChild(textarea);
+        button.textContent = succeeded ? 'Copied!' : 'Copy failed';
+      }
+
+      button.classList.add('copied');
+      setTimeout(() => {
+        button.textContent = originalLabel;
+        button.classList.remove('copied');
+      }, 2000);
+    });
+  </script>
+  <script src="https://cdn.nhcarrigan.com/headers/index.js" async defer></script>
+</body>
+</html>
@@ -4,123 +4,15 @@
    <title>Naomi's Music Library</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="An interactive explorer for the music Naomi listens to." />
+    <meta name="description" content="Naomi's music library has moved to library.nhcarrigan.com." />
    <script src="https://cdn.nhcarrigan.com/headers/index.js" async defer></script>
  </head>
  <body>
    <main>
-    <h1>Naomi's Music Library</h1>
-    <section>
-      <p>An interactive explorer for the music Naomi listens to.</p>
-      <p id="count">Loading library...</p>
-    </section>
-    <div style="display: none;">
-        <span>Search Artists: </span>
-        <input type="text" id="artist" />
-    </div>
-    <div style="display: none;">
-        <span>Search Titles: </span>
-        <input type="text" id="title" />
-    </div>
-    <div style="display: none;">
-        <button type="button" id="clear">Clear Filters</button>
-    </div>
-    <table id="songs">
-
-    </table>
+      <h1>Naomi's Music Library</h1>
+      <section>
+        <p>This page has moved! You can find Naomi's music library at <a href="https://library.nhcarrigan.com">library.nhcarrigan.com</a>.</p>
+      </section>
    </main>
  </body>
-  <script>
-    const artistQuery = document.getElementById('artist');
-    const titleQuery = document.getElementById('title');
-    const resetButton = document.getElementById('clear');
-    const songTable = document.getElementById('songs');
-    const filterSongs = (artist, title) => {
-        let result = [...songList];
-        if(artist) {
-            result = result.filter(song => song.artist.toLowerCase().includes(artist.toLowerCase()));
-        }
-        if(title) {
-            result = result.filter(song => song.title.toLowerCase().includes(title.toLowerCase()));
-        }
-        resetButton.parentElement.style.display = artist || title ? "block" : "none";
-        document.getElementById('count').innerText = artist || title ? `Filtered to ${result.length} songs from ${songList.length}.` : `Naomi currently has ${songList.length} songs.`;
-        updateTable(result);
-    }
-    const loadSongs = (songs) => {
-        songList.push(...songs);
-        artistQuery.value = "";
-        titleQuery.value = "";
-        artistQuery.parentElement.style.display = "block";
-        titleQuery.parentElement.style.display = "block";
-        document.getElementById('count').innerText = `Naomi currently has ${songs.length} songs.`;
-        updateTable(songs);
-    }
-    const updateTable = (songs) => {
-        songs = songs.sort((a, b) => a.title.localeCompare(b.title));
-        songTable.innerHTML = "";
-        const header = document.createElement('tr');
-        const artistHeader = document.createElement('th');
-        artistHeader.innerText = "Artist";
-        const titleHeader = document.createElement('th');
-        titleHeader.innerText = "Title";
-        header.appendChild(titleHeader);
-        header.appendChild(artistHeader);
-        songTable.appendChild(header);
-        songs.forEach(song => {
-            const row = document.createElement('tr');
-            const artist = document.createElement('td');
-            artist.innerText = song.artist;
-            const title = document.createElement('td');
-            title.innerText = song.title;
-            row.appendChild(title);
-            row.appendChild(artist);
-            songTable.appendChild(row);
-        });
-    }
-    const songList = [];
-    fetch("./songs.json").then(res => res.json()).then(data => loadSongs(data))
-
-    artistQuery?.addEventListener("input", (e) => filterSongs(e.target.value, titleQuery.value));
-    titleQuery?.addEventListener("input", (e) => filterSongs(artistQuery.value, e.target.value));
-    resetButton?.addEventListener("click", () => {
-        artistQuery.value = "";
-        titleQuery.value = "";
-        filterSongs("", "");
-    });
-  </script>
-  <style>
-        table {
-            width: 100%;
-            max-width: 100%;
-            border-collapse: collapse;
-            table-layout: fixed;
-        }
-        tr:nth-of-type(even) {
-            background-color: var(--foreground);
-            color: var(--background);
-        }
-        input {
-            background:var(--foreground);
-            color:var(--background);
-            border:1px solid white;
-            border-radius:10px;
-            padding:.25rem
-        }
-        button {
-            background:var(--foreground);
-            color:var(--background);
-            border:1px solid white;
-            border-radius:10px;
-            padding:.25rem;
-            cursor:url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
-        }
-        tr {
-            max-width: 100%;
-        }
-        td {
-            max-width: 50%;
-            word-wrap: break-word;
-        }
-  </style>
-</html>
+</html>
@@ -1,260 +0,0 @@
-[
-  {
-    "name": "mod-logs",
-    "description": "Logs for moderation actions taken on our platforms.",
-    "url": "",
-    "category": "archived"
-  },
-  {
-    "name": "tingle-bot",
-    "description": "Bot for my friend Ruu's server",
-    "url": "",
-    "category": "archived"
-  },
-  {
-    "name": "announcements",
-    "description": "Repository for our announcements page.",
-    "url": "",
-    "category": "archived"
-  },
-  {
-    "name": "forms",
-    "description": "Client and server monorepo for our various webforms",
-    "url": "",
-    "category": "archived"
-  },
-  {
-    "name": "notes",
-    "description": "",
-    "url": "",
-    "category": "private"
-  },
-  {
-    "name": "status",
-    "description": "Status updates for our client work.",
-    "url": "",
-    "category": "private"
-  },
-  {
-    "name": "beaver-twitch",
-    "description": "Twitch bot for BigBadBeaver",
-    "url": "",
-    "category": "private"
-  },
-  {
-    "name": "obsidian",
-    "description": "",
-    "url": "",
-    "category": "private"
-  },
-  {
-    "name": "insomnium",
-    "description": "Our Insomnium requests",
-    "url": "",
-    "category": "private"
-  },
-  {
-    "name": "life-of-a-naomi",
-    "description": "A little game",
-    "url": "",
-    "category": "games"
-  },
-  {
-    "name": "naomis-adventure-1",
-    "description": "Our first full-length, paid game!",
-    "url": "",
-    "category": "games"
-  },
-  {
-    "name": "beccalia-origins",
-    "description": "The story of how Becca and Rosalia first met, and how they came to be. Never moved past a demo state.",
-    "url": "https://beccalia.nhcarrigan.com/origins",
-    "category": "games"
-  },
-  {
-    "name": "beccalia-prologue",
-    "description": "A short adventure to introduce our characters Becca and Rosalia. Our first attempt at game development!",
-    "url": "https://beccalia.nhcarrigan.com/prologue",
-    "category": "games"
-  },
-  {
-    "name": "ruu-goblin-quest",
-    "description": "A quick game we made about our friend Ruu, as part of a game jam she was hosting.",
-    "url": "https://goblin.nhcarrigan.com",
-    "category": "games"
-  },
-  {
-    "name": "template",
-    "description": "",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "a4p-bot",
-    "description": "Bot for the Art 4 Palestine charity initiative.",
-    "url": "https://a4p.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "boost-monitor",
-    "description": "Discord bot that monitors boost status in the Caylus Crew server.",
-    "url": "https://oogie.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "docs",
-    "description": "Our documentation site.",
-    "url": "https://docs.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "eslint-config",
-    "description": "Our custom linter rules for our various TypeScript products.",
-    "url": "https://www.npmjs.com/package/@nhcarrigan/eslint-config",
-    "category": "public"
-  },
-  {
-    "name": "espanso",
-    "description": "Our shortcuts for Espanso.",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "celestine",
-    "description": "Moderation bot for Discord.",
-    "url": "https://hooks.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "portfolio",
-    "description": "Our main homepage",
-    "url": "https://nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "rig-task-bot",
-    "description": "Task bot for a friend's organisation.",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "security",
-    "description": "A quick tool to scan our projects for security concerns.",
-    "url": "https://security.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "website-headers",
-    "description": "Our global styling and scripts for all of our pages.",
-    "url": "https://cdn.nhcarrigan.com/headers/index.js",
-    "category": "public"
-  },
-  {
-    "name": "typescript-config",
-    "description": "Our global TypeScript configuration.",
-    "url": "https://www.npmjs.com/package/@nhcarrigan/typescript-config",
-    "category": "public"
-  },
-  {
-    "name": "blog",
-    "description": "Naomi's personal musings.",
-    "url": "https://blog.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "nginx-configs",
-    "description": "A version controlled backup of our servers' NGINX configurations.",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "vscode-themes",
-    "description": "Custom colour schemes for VSCode.",
-    "url": "https://marketplace.visualstudio.com/items?itemName=nhcarrigan.naomis-themes",
-    "category": "public"
-  },
-  {
-    "name": ".gitea",
-    "description": "This repository contains the files that customise our Gitea instance!",
-    "url": "https://git.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "aria-iuvo",
-    "description": "A user-installable translation application for Discord. Now you can translate messages directly on the platform!",
-    "url": "https://trans-bot.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "cordelia-taryne",
-    "description": "AI-powered virtual assistant for Discord",
-    "url": "https://assistant.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "rosalia-nightsong",
-    "description": "A webserver to handle alerting us to application logs and errors.",
-    "url": "https://alerts.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "logger",
-    "description": "Our custom logging package, which pipes logs to our alerts server.",
-    "url": "https://www.npmjs.com/package/@nhcarrigan/logger",
-    "category": "public"
-  },
-  {
-    "name": "melody-iuvo",
-    "description": "Task management bot for Discord",
-    "url": "https://tasks.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "static-pages",
-    "description": "The raw HTML pages served via our production box.",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "becca-lyria",
-    "description": "An AI-powered Discord bot that allows you to play an RPG without any friends!",
-    "url": "https://becca.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "maylin-taryne",
-    "description": "An AI-powered companion to help you through the tough times.",
-    "url": "https://maylin.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "gwen-abalise",
-    "description": "A ticket system for Discord!",
-    "url": "https://gwen.nhcarrigan.com/",
-    "category": "public"
-  },
-  {
-    "name": "nails",
-    "description": "Nail polish tracker for my sister",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "maribelle",
-    "description": "",
-    "url": "",
-    "category": "public"
-  },
-  {
-    "name": "mommy",
-    "description": "Mommy loves you~!",
-    "url": "https://mommy.nhcarrigan.com",
-    "category": "public"
-  },
-  {
-    "name": "mommy-bot",
-    "description": "Mommy loves you everywhere~!",
-    "url": "https://mommy-bot.nhcarrigan.com/",
-    "category": "public"
-  }
-]
@@ -0,0 +1,745 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Naomi's Secrets to Success™</title>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=UnifrakturMaguntia&family=MedievalSharp&display=swap');
+
+        body {
+            background-image:
+                radial-gradient(ellipse at top, rgba(139, 69, 19, 0.3), transparent 70%),
+                radial-gradient(ellipse at bottom, rgba(101, 67, 33, 0.4), transparent 70%),
+                linear-gradient(180deg, #2c1810 0%, #3d2817 50%, #2c1810 100%);
+            background-attachment: fixed;
+            color: #3a2317;
+            font-family: 'Cinzel', serif;
+            margin: 0;
+            padding: 20px;
+            min-height: 100vh;
+            overflow-x: hidden;
+            position: relative;
+        }
+
+        body::before {
+            content: "";
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f4e4c1" opacity="0.03"/><path d="M0 0L50 50L0 100M50 0L100 50L50 100" stroke="%23d4a574" stroke-width="0.5" opacity="0.1" fill="none"/></svg>');
+            pointer-events: none;
+            z-index: 1;
+        }
+
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            position: relative;
+            z-index: 2;
+        }
+
+        .scroll-wrapper {
+            background:
+                linear-gradient(to right,
+                    transparent 0%,
+                    #f4e4c1 10%,
+                    #f4e4c1 90%,
+                    transparent 100%);
+            padding: 60px 80px;
+            position: relative;
+            box-shadow:
+                0 0 50px rgba(0, 0, 0, 0.5),
+                inset 0 0 100px rgba(139, 69, 19, 0.1);
+            border-left: 3px solid #8b4513;
+            border-right: 3px solid #8b4513;
+        }
+
+        .scroll-wrapper::before,
+        .scroll-wrapper::after {
+            content: "";
+            position: absolute;
+            left: 20px;
+            right: 20px;
+            height: 8px;
+            background: linear-gradient(90deg,
+                transparent 0%,
+                #8b4513 20%,
+                #654321 50%,
+                #8b4513 80%,
+                transparent 100%);
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
+        }
+
+        .scroll-wrapper::before {
+            top: -4px;
+            transform: perspective(100px) rotateX(45deg);
+        }
+
+        .scroll-wrapper::after {
+            bottom: -4px;
+            transform: perspective(100px) rotateX(-45deg);
+        }
+
+        h1 {
+            font-family: 'UnifrakturMaguntia', cursive;
+            font-size: 3.5em;
+            text-align: center;
+            color: #8b0000;
+            text-shadow:
+                2px 2px 4px rgba(0, 0, 0, 0.5),
+                0 0 10px rgba(139, 0, 0, 0.3);
+            margin-bottom: 0.3em;
+            letter-spacing: 2px;
+        }
+
+        .subtitle {
+            text-align: center;
+            font-size: 1em;
+            color: #654321;
+            margin-bottom: 2em;
+            font-style: italic;
+        }
+
+        .warning {
+            text-align: center;
+            font-size: 1.1em;
+            color: #8b0000;
+            margin-bottom: 2em;
+            font-family: 'MedievalSharp', cursive;
+            text-transform: uppercase;
+            letter-spacing: 3px;
+        }
+
+        .secrets-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+            gap: 25px;
+            margin-top: 2em;
+        }
+
+        .secret {
+            background:
+                linear-gradient(135deg, #f9f5e9 0%, #f4e4c1 100%);
+            border: 2px solid #8b4513;
+            border-radius: 3px;
+            padding: 20px;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+            box-shadow:
+                3px 3px 10px rgba(0, 0, 0, 0.3),
+                inset 0 0 30px rgba(139, 69, 19, 0.05);
+        }
+
+        .secret::before {
+            content: "";
+            position: absolute;
+            top: -2px;
+            left: -2px;
+            right: -2px;
+            bottom: -2px;
+            background: linear-gradient(45deg, #d4a574, #8b4513, #654321, #8b4513);
+            z-index: -1;
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+
+        .secret:hover::before {
+            opacity: 1;
+        }
+
+        .secret:hover {
+            transform: translateY(-5px) scale(1.02);
+            box-shadow:
+                5px 5px 15px rgba(0, 0, 0, 0.4),
+                inset 0 0 30px rgba(139, 69, 19, 0.1);
+        }
+
+        .secret:hover .secret-number,
+        .secret:hover .secret-text,
+        .secret:hover .unknown {
+            color: #fff;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
+        }
+
+        .secret-number {
+            font-family: 'UnifrakturMaguntia', cursive;
+            font-size: 1.4em;
+            color: #8b0000;
+            margin-bottom: 10px;
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+        }
+
+        .secret-text {
+            font-size: 1em;
+            line-height: 1.5;
+            color: #3a2317;
+            font-weight: 400;
+        }
+
+        .unknown {
+            font-family: 'MedievalSharp', cursive;
+            font-size: 1.8em;
+            color: #8b0000;
+            text-align: center;
+            letter-spacing: 5px;
+            opacity: 0.7;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+        }
+
+        .disclaimer {
+            margin-top: 3em;
+            text-align: center;
+            font-size: 0.85em;
+            color: #654321;
+            font-style: italic;
+            line-height: 1.6;
+        }
+
+        .ornament {
+            text-align: center;
+            font-size: 2em;
+            color: #8b4513;
+            margin: 1em 0;
+            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="scroll-wrapper">
+            <div class="ornament">⁂</div>
+            <h1>Naomi's Secrets to Success™</h1>
+            <div class="subtitle">Being a Collection of Most Ancient & Powerful Wisdoms</div>
+            <div class="ornament">❦</div>
+            <div class="warning">⚠ CAUTION • FORBIDDEN KNOWLEDGE WITHIN ⚠</div>
+
+            <div class="secrets-grid">
+            <div class="secret">
+                <div class="secret-number">Secret #1</div>
+                <div class="secret-text">If you were not meant to fight them and win, they would not be called "the boss".</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #2</div>
+                <!-- Typo is intentional, should be Bsteal not Steal. -->
+                <div class="secret-text">always remember Naomi's patented BBB™ method: Beg, Borrow, Bsteal.</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #3</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #4</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #5</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #6</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #7</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #8</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #9</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #10</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #11</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #12</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #13</div>
+                <div class="secret-text">Every choice you make leads you somewhere in life. So long as you find happiness, there are no wrong choices.</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #14</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #15</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #16</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #17</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #18</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #19</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #20</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #21</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #22</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #23</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #24</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #25</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #26</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #27</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #28</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #29</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #30</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #31</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #32</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #33</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #34</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #35</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #36</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #37</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #38</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #39</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #40</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #41</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #42</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #43</div>
+                <div class="secret-text">If the child will not sleep, give the child some marijuana. The child will sleep shortly.</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #44</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #45</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #46</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #47</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #48</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #49</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #50</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #51</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #52</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #53</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #54</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #55</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #56</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #57</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #58</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #59</div>
+                <div class="secret-text">Bank on the fact that your employer has data protection contracts in place with the AI provider, so you can give it your API keys.</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #60</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #61</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #62</div>
+                <div class="secret-text">Why purchase hardware when you could steal it?</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #63</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #64</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #65</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #66</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #67</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #68</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #69</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #70</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #71</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #72</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #73</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #74</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #75</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #76</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #77</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #78</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #79</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #80</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #81</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #82</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #83</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #84</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #85</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #86</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #87</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #88</div>
+                <div class="secret-text">If your car is making strange noises, simply turn the radio up higher. The noises don't exist if you cannot hear them.</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #89</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #90</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #91</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #92</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #93</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #94</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #95</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #96</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #97</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #98</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #99</div>
+                <div class="unknown">??????</div>
+            </div>
+
+            <div class="secret">
+                <div class="secret-number">Secret #100</div>
+                <div class="unknown">??????</div>
+            </div>
+        </div>
+
+            <div class="ornament">❦</div>
+            <div class="disclaimer">
+                <p>* Results not guaranteed. Side effects may include: excessive confidence, uncontrollable laughter, and being banned from hardware stores.</p>
+                <p>** Naomi's Secrets to Success™ is not responsible for any legal, financial, or existential consequences of following this advice.</p>
+            </div>
+            <div class="ornament">⁂</div>
+        </div>
+    </div>
+</body>
+<script async src="https://analytics.nhcarrigan.com/js/pa-YUXAn1vhhRttySUAw_LMN.js"></script>
+<script>
+  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
+  plausible.init({
+    customProperties: {
+      domain: "secrets.nhcarrigan.com",
+      page: "Naomi's Secrets to Success™",
+      path: "/",
+    },
+  })
+</script>
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3569924701890974"
+     crossorigin="anonymous"></script>
+</html>
@@ -26,6 +26,7 @@
            <li><a href="https://alerts.nhcarrigan.com" target="_blank"><code>alerts</code> - Rosalia Nightsong</a></li>
            <li><a href="https://forms-api.nhcarrigan.com" target="_blank"><code>forms-api</code> - Forms API</a></li>
            <li><a href="https://nails-api.nhcarrigan.com" target="_blank"><code>nails-api</code> - Nail Polish Tracker API</a></li>
+            <li><a href="https://rosalia.nhcarrigan.com" target="_blank"><code>rosalia</code> - Our personal alerts server, processes logs/errors/metrics from all of our apps</a></li>
            <li><a href="https://trans.nhcarrigan.com" target="_blank"><code>trans</code> - LibreTranslate Instance</a></li>
        </ul>
    </section>
@@ -33,16 +34,37 @@
        <h2>Bots</h2>
        <ul>
            <li><a href="https://afp.nhcarrigan.com" target="_blank"><code>afp</code> - Art 4 Palestine Bot</a></li>
+            <li><a href="https://altaria.nhcarrigan.com" target="_blank"><code>altaria</code> - Discord bot that reminds people to use alt text</a></li>
+            <li><a href="https://amari.nhcarrigan.com" target="_blank"><code>amari</code> - Naomi's personal assistant bot, notifies her when people use her name</a></li>
+            <li><a href="https://aria.nhcarrigan.com" target="_blank"><code>aria</code> - Translation bot</a></li>
            <li><a href="https://assistant.nhcarrigan.com" target="_blank"><code>assistant</code> - Cordelia Taryne</a></li>
-            <li><a href="https://analytics.nhcarrigan.com" target="_blank"><code>becca</code> - Becca Lyria</a></li>
+            <li><a href="https://becca.nhcarrigan.com" target="_blank"><code>becca</code> - Becca Lyria</a></li>
+            <li><a href="https://caelia.nhcarrigan.com" target="_blank"><code>caelia</code> - Discord bot that reminds people to use inclusive language</a></li>
+            <li><a href="https://callista.nhcarrigan.com" target="_blank"><code>callista</code> - Discord bot that allows you to "bookmark" messages</a></li>
            <li><a href="https://camperchan.nhcarrigan.com" target="_blank"><code>camperchan</code> - CamperChan (freeCodeCamp bot)</a></li>
+            <li><a href="https://celestine.nhcarrigan.com" target="_blank"><code>celestine</code> - Our Discord moderation bot</a></li>
+            <li><a href="https://chibika.nhcarrigan.com" target="_blank"><code>chibika</code> - Discord bot that shares random ascii art</a></li>
+            <li><a href="https://cordelia.nhcarrigan.com" target="_blank"><code>cordelia</code> - Multi-purpose AI-powered Discord bot</a></li>
            <li><a href="https://gwen.nhcarrigan.com" target="_blank"><code>gwen</code> - Gwen Abalise</a></li>
            <li><a href="https://hooks.nhcarrigan.com" target="_blank"><code>hooks</code> - Moderation Bot</a></li>
+            <li><a href="https://keiko.nhcarrigan.com" target="_blank"><code>keiko</code> - Naomi's personal research bot</a></li>
+            <li><a href="https://liora.nhcarrigan.com" target="_blank"><code>liora</code> - Bot that allows you to create highlight words (get pinged when someone says the word)</a></li>
            <li><a href="https://maylin.nhcarrigan.com" target="_blank"><code>maylin</code> - Maylin Taryne</a></li>
+            <li><a href="https://melody.nhcarrigan.com" target="_blank"><code>melody</code> - Personal task management bot</a></li>
+            <li><a href="https://mommy-bot.nhcarrigan.com" target="_blank"><code>mommy-bot</code> - Bot that gives you motherly love on-demand</a></li>
+            <li><a href="https://mommy-slack.nhcarrigan.com" target="_blank"><code>mommy-slack</code> - Slack bot that gives you motherly love on-demand</a></li>
            <li><a href="https://oogie.nhcarrigan.com" target="_blank"><code>oogie</code> - Boost Monitor</a></li>
+            <li><a href="https://pavelle.nhcarrigan.com" target="_blank"><code>pavelle</code> - Throw things like cake at your fellow server members</a></li>
            <li><a href="https://ruubot.nhcarrigan.com" target="_blank"><code>ruubot</code> - Tingle Bot</a></li>
+            <li><a href="https://saisoku.nhcarrigan.com" target="_blank"><code>saisoku</code> - Bot that allows you to schedule reminders for yourself</a></li>
+            <li><a href="https://serenya.nhcarrigan.com" target="_blank"><code>serenya</code> - Bot that allows you to time yourself out, forcing you to take a break from Discord</a></li>
+            <li><a href="https://sorielle.nhcarrigan.com" target="_blank"><code>sorielle</code> - Bot that allows you to configure a "venting" channel where messages get auto-deleted after a few minutes</a></li>
            <li><a href="https://tasks.nhcarrigan.com" target="_blank"><code>tasks</code> - Melody Iuvo</a></li>
            <li><a href="https://trans-bot.nhcarrigan.com" target="_blank"><code>trans-bot</code> - Aria Iuvo</a></li>
+            <li><a href="https://tyche.nhcarrigan.com" target="_blank"><code>tyche</code> - Dice rolling bot</a></li>
+            <li><a href="https://umbrelle.nhcarrigan.com" target="_blank"><code>umbrelle</code> - Bot that allows you to configure a "honeypot" channel where people get soft-banned for sending messages</a></li>
+            <li><a href="https://valerium.nhcarrigan.com" target="_blank"><code>valerium</code> - Bot to manage boost roles</a></li>
+            <li><a href="https://veluna.nhcarrigan.com" target="_blank"><code>veluna</code> - Bot that allows your community to ask you anonymous questions</a></li>
        </ul>
    </section>
    <section>
@@ -50,6 +72,7 @@
        <ul>
            <li><a href="https://beccalia.nhcarrigan.com" target="_blank"><code>beccalia</code> - Beccalia landing Page</a></li>
            <li><a href="https://games.nhcarrigan.com" target="_blank"><code>games</code> - Landing Page for All Games</a></li>
+            <li><a href="https://elysium.nhcarrigan.com" target="_blank"><code>elysium</code> - Browser-based idle game</a></li>
            <li><a href="https://goblin.nhcarrigan.com" target="_blank"><code>goblin</code> - Ruu's Goblin Quest</a></li>
            <li><a href="https://loan.nhcarrigan.com" target="_blank"><code>loan</code> - Life of a Naomi</a></li>
        </ul>
@@ -59,24 +82,37 @@
        <ul>
            <li><a href="https://analytics.nhcarrigan.com" target="_blank"><code>analytics</code> - Analytics</a></li>
            <li><a href="https://blog.nhcarrigan.com" target="_blank"><code>blog</code> - Our Blog</a></li>
+            <li><a href="https://board.nhcarrigan.com" target="_blank"><code>board</code> - Naomi's personal task management site</a></li>
            <li><a href="https://books.nhcarrigan.com" target="_blank"><code>books</code> - Naomi's E-Book Library</a></li>
            <li><a href="https://cloud.nhcarrigan.com" target="_blank"><code>cloud</code> - NextCloud</a></li>
-            <li><a href="https://deepgram.nhcarrigan.com" target="_blank"><code>deepgram</code> - Deepgram Weekly Standup</a></li>
+            <li><a href="https://data.nhcarrigan.com" target="_blank"><code>data</code> - Our data API, offering things like our product list</a></li>
            <li><a href="https://docs.nhcarrigan.com" target="_blank"><code>docs</code> - Documentation</a></li>
-            <li><a href="https://fcc.nhcarrigan.com" target="_blank"><code>fcc</code> - freeCodeCamp Weekly Standup</a></li>
+            <li><a href="https://eclaire.nhcarrigan.com" target="_blank"><code>eclaire</code> - Free Speech to Text translation</a></li>
            <li><a href="https://forms.nhcarrigan.com" target="_blank"><code>forms</code> - Web Form Collection</a></li>
            <li><a href="https://forum.nhcarrigan.com" target="_blank"><code>forum</code> - Discourse Forum</a></li>
            <li><a href="https://git.nhcarrigan.com" target="_blank"><code>git</code> - Gitea Instance</a></li>
+            <li><a href="https://hikari.nhcarrigan.com" target="_blank"><code>hikari</code> - Our unified dashboard (currently shows announcements, sanction logs, and product lists)</a></li>
            <li><a href="https://incidents.nhcarrigan.com" target="_blank"><code>incidents</code> - Uptime Kuma Instance</a></li>
+            <li><a href="https://library.nhcarrigan.com" target="_blank"><code>library</code> - Naomi's media library (books, games, music, and more) with community suggestions</a></li>
+            <li><a href="https://lore.nhcarrigan.com" target="_blank"><code>lore</code> - A fun li'l site offering the "lore" behind NHCarrigan</a></li>
            <li><a href="https://manual.nhcarrigan.com" target="_blank"><code>manual</code> - User Manual</a></li>
            <li><a href="https://moderation.nhcarrigan.com" target="_blank"><code>moderation</code> - Mod Logs</a></li>
+            <li><a href="https://mommy.nhcarrigan.com" target="_blank"><code>mommy</code> - A site to get some motherly love</a></li>
            <li><a href="https://music.nhcarrigan.com" target="_blank"><code>music</code> - Music Library</a></li>
+            <li><a href="https://nocturne.nhcarrigan.com" target="_blank"><code>nocturne</code> - Naomi's Nocturne (the official religion)</a></li>
            <li><a href="https://nails.nhcarrigan.com" target="_blank"><code>nails</code> - Nail Polish Tracker</a></li>
            <li><a href="https://notes.nhcarrigan.com" target="_blank"><code>notes</code> - Private Notes for Sponsors</a></li>
            <li><a href="https://quality.nhcarrigan.com" target="_blank"><code>quality</code> - SonarQube Instance</a></li>
            <li><a href="https://resume.nhcarrigan.com" target="_blank"><code>resume</code> - Web-based Resume</a></li>
+            <li><a href="https://scripture.nhcarrigan.com" target="_blank"><code>scripture</code> - The Nocturne Scriptures</a></li>
+            <li><a href="https://secrets.nhcarrigan.com" target="_blank"><code>secrets</code> - Naomi's Secrets to Success™</a></li>
            <li><a href="https://security.nhcarrigan.com" target="_blank"><code>security</code> - Automated Code Scanning Results</a></li>
+            <li><a href="https://silly.nhcarrigan.com" target="_blank"><code>silly</code> - A collection of dumb little websites Naomi has built (usually as part of an event)</a></li>
            <li><a href="https://sitemap.nhcarrigan.com" target="_blank"><code>sitemap</code> - This page!</a></li>
+            <li><a href="https://style.nhcarrigan.com" target="_blank"><code>style</code> - NHCarrigan Style &amp; Branding Guide</a></li>
+            <li><a href="https://socials.nhcarrigan.com" target="_blank"><code>socials</code> - Naomi's social media account list</a></li>
+            <li><a href="https://support.nhcarrigan.com" target="_blank"><code>support</code> - Our product and community support forum</a></li>
+            <li><a href="https://telemetry.nhcarrigan.com" target="_blank"><code>telemetry</code> - Our metrics dashboard</a></li>
            <li><a href="https://testimonials.nhcarrigan.com" target="_blank"><code>testimonials</code> - Client Reviews</a></li>
            <li><a href="https://uptime.nhcarrigan.com" target="_blank"><code>uptime</code> - Uptime Kuma Instance</a></li>
            <li><a href="https://www.nhcarrigan.com" target="_blank"><code>www</code> - Home Page</a></li>
@@ -89,6 +125,8 @@
            <li><a href="https://chat.nhcarrigan.com" target="_blank"><code>chat</code> - Redirects to our forum</a></li>
            <li><a href="https://contact.nhcarrigan.com" target="_blank"><code>contact</code> - Redirects to our docs</a></li>
            <li><a href="https://donate.nhcarrigan.com" target="_blank"><code>donate</code> - Redirects to our docs</a></li>
+            <li><a href="https://meet.nhcarrigan.com" target="_blank"><code>meet</code> - Redirects to our z.cal page to schedule a meeting with Naomi</a></li>
+            <li><a href="https://products.nhcarrigan.com" target="_blank"><code>products</code> - Redirects to Hikari's product list</a></li>
        </ul>
    </section>
    <section>
@@ -107,6 +145,7 @@
        <ul>
            <li><a href="https://naomi.lgbt" target="_blank"><code>naomi.lgbt</code> - Our Portfolio</a></li>
            <li><a href="https://naomi.party" target="_blank"><code>naomi.party</code> - BlueSky Username Service</a></li>
+            <li><a href="https://lynira.link" target="_blank"><code>lynira.link</code> - Public paid link shortener service</a></li>
            <li><a href="https://nhcarrigan.link" target="_blank"><code>nhcarrigan.link</code> - Link Redirection Server</a></li>
        </ul>
    </section>
@@ -0,0 +1,407 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Socials</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Our social media profiles and links." />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .badge {
+        width: 80%;
+        margin: auto;
+        border-radius: 5550px;
+        padding: 10px;
+        margin-bottom: 10px;
+      }
+
+      .url {
+        display: grid;
+        grid-template-columns: 100px auto;
+        align-items: center;
+        color: unset;
+        text-decoration: none;
+      }
+
+      i {
+        font-size: 3rem;
+      }
+
+      .name {
+        font-size: 1.2rem;
+      }
+
+      .text {
+        text-align: center;
+      }
+
+      section h2 {
+        text-align: center;
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+        font-size: 1.8rem;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Socials</h1>
+      <p>Our social media profiles and links.</p>
+      <section>
+        <!-- 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>
+            <div class="text">
+              <p class="name">Discord Server</p>
+              <p class="description">
+                Our community hub for discussion and collaboration.
+              </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>
+            <div class="text">
+              <p class="name">Gitea Instance</p>
+              <p class="description">
+                Our self-hosted Git repository instance.
+              </p>
+            </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>
+        <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>
+        <!-- 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">Bluesky</p>
+              <p class="description">
+                Follow us on Bluesky for updates and thoughts.
+              </p>
+            </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>
+            <div class="text">
+              <p class="name">Threads</p>
+              <p class="description">Follow us on Meta's Threads platform.</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>
+            </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>
+            <div class="text">
+              <p class="name">Reddit</p>
+              <p class="description">Follow our Reddit profile and posts.</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>
+        <!-- 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>
+            <div class="text">
+              <p class="name">Twitch</p>
+              <p class="description">
+                Watch our live streams and gaming content.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #181717">
+          <a href="https://github.com/naomi-lgbt" class="url">
+            <i class="fab fa-github"></i>
+            <div class="text">
+              <p class="name">GitHub</p>
+              <p class="description">
+                Follow our open source projects and contributions.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #171a21">
+          <a href="https://steamcommunity.com/id/naomi-lgbt/" class="url">
+            <i class="fab fa-steam"></i>
+            <div class="text">
+              <p class="name">Steam</p>
+              <p class="description">Add us on Steam for gaming together.</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>
+            <div class="text">
+              <p class="name">freeCodeCamp Forum</p>
+              <p class="description">
+                Connect with us on the freeCodeCamp community.
+              </p>
+            </div>
+          </a>
+        </div>
+      </section>
+
+      <section>
+        <h2>NHCarrigan</h2>
+        <!-- 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">Bluesky</p>
+              <p class="description">Our company Bluesky profile.</p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #000000">
+          <a href="https://x.com/nhcarrigan1" class="url">
+            <i class="fab fa-x-twitter"></i>
+            <div class="text">
+              <p class="name">X (Twitter)</p>
+              <p class="description">Follow us for updates and thoughts.</p>
+            </div>
+          </a>
+        </div>
+        <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">LinkedIn</p>
+              <p class="description">Follow our company page on LinkedIn.</p>
+            </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: #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>
+            <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>
+        <h2>Contact Policy</h2>
+        <div class="badge" style="color: #ffffff; background: #6366f1">
+          <a href="https://docs.nhcarrigan.com/about/contact" class="url">
+            <i class="fas fa-file-alt"></i>
+            <div class="text">
+              <p class="name">Full Contact Policy</p>
+              <p class="description">
+                View our complete contact policy and guidelines.
+              </p>
+            </div>
+          </a>
+        </div>
+        <div class="badge" style="color: #ffffff; background: #8b5cf6">
+          <a href="https://cdn.nhcarrigan.com/socials.txt" class="url">
+            <i class="fas fa-key"></i>
+            <div class="text">
+              <p class="name">GPG Signed Social Media List</p>
+              <p class="description">
+                View our complete GPG signed list of social media accounts.
+              </p>
+            </div>
+          </a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>
@@ -1,32 +0,0 @@
-IFS=$'\n'
-
-# Initialize an empty string to hold the list of songs in JSON-like format
-songs=""
-filecount=$(find /home/naomi/music -type f | wc -l)
-echo "Found $filecount files."
-current=0
-
-# Loop over each file found by find
-for file in $(find /home/naomi/music -type f -print0 | tr '\0' '\n'); do
-    current=$((current + 1))
-    echo -ne "Processing $current/$filecount\r"
-    title=$(mid3v2 -l "$file" | grep "TIT2\|TT2" | cut -d "=" -f 2)
-    artist=$(mid3v2 -l "$file" | grep "TPE1\|TP1" | cut -d "=" -f 2)
-    if [ -z "$title" ]; then
-        # remove .mp3 from the title
-        title=$(basename "$file" | sed -e 's/\.mp3//g')
-    fi
-    if [ -z "$artist" ]; then
-        artist="Unknown Artist"
-    fi
-
-    # use jq to add the song to the list
-    songs="$songs$(jq -n --arg title "$title" --arg artist "$artist" '{title: $title, artist: $artist}'),"
-done
-
-# Remove trailing comma and add square brackets to complete the list
-songs="[${songs%,}]"
-
-# Write to ./music/songs.json
-echo "$songs" > ./music/songs.json
-echo -ne "Done!\r"
@@ -1,10 +1,149 @@
-#! /usr/bin/bash
+#!/usr/bin/bash

-dirs=("bsky" "chat" "games" "link-redirector" "testimonials" "manual" "sitemap" "music" "books" "products" "donate");
+# Get all directories except hidden ones and mail
+all_dirs=()
+while IFS= read -r dir; do
+    dir_name=$(basename "$dir")
+    if [[ "$dir_name" != "mail" ]]; then
+        all_dirs+=("$dir_name")
+    fi
+done < <(find . -maxdepth 1 -type d | grep -v "^\.$" | grep -v "^\./\." | sort)

-for dir in "${dirs[@]}"; do
-  rsync -av $dir prod:/home/nhcarrigan
-  echo "Synced $dir"
+# Arrays to track selections
+selected_dirs=()
+selected_status=()
+
+# Initialize all as unselected
+for i in "${!all_dirs[@]}"; do
+    selected_status[$i]=false
 done

-echo "mail/index.html must be manually synced to mail:/home/user-data/www/default by a user with sudo access."
+# Function to display menu
+display_menu() {
+    clear
+    echo "==============================================="
+    echo "   Select Directories to Sync (Space to toggle)"
+    echo "==============================================="
+    echo
+
+    for i in "${!all_dirs[@]}"; do
+        if [[ "${selected_status[$i]}" == "true" ]]; then
+            echo " [✓] ${all_dirs[$i]}"
+        else
+            echo " [ ] ${all_dirs[$i]}"
+        fi
+    done
+
+    echo
+    echo "-----------------------------------------------"
+    echo " SPACE: Toggle selection | ENTER: Confirm"
+    echo " q: Quit without syncing"
+    echo "-----------------------------------------------"
+}
+
+# Interactive selection
+current=0
+while true; do
+    display_menu
+
+    # Highlight current option
+    tput cup $((current + 4)) 0
+    if [[ "${selected_status[$current]}" == "true" ]]; then
+        echo -e "\e[7m [✓] ${all_dirs[$current]}\e[0m"
+    else
+        echo -e "\e[7m [ ] ${all_dirs[$current]}\e[0m"
+    fi
+
+    # Read user input
+    IFS= read -r -s -n1 key
+
+    # Handle different key inputs
+    if [[ $key == $'\x1b' ]]; then
+        # Escape sequence - read more characters
+        read -r -s -n2 -t 0.1 rest
+        key="${key}${rest}"
+
+        case "$key" in
+            $'\x1b[A'|$'\x1bOA') # Up arrow
+                ((current--))
+                if [[ $current -lt 0 ]]; then
+                    current=$((${#all_dirs[@]} - 1))
+                fi
+                ;;
+            $'\x1b[B'|$'\x1bOB') # Down arrow
+                ((current++))
+                if [[ $current -ge ${#all_dirs[@]} ]]; then
+                    current=0
+                fi
+                ;;
+        esac
+    elif [[ $key == $'\x20' ]]; then
+        # Space key (hex 20)
+        if [[ "${selected_status[$current]}" == "true" ]]; then
+            selected_status[$current]=false
+        else
+            selected_status[$current]=true
+        fi
+    elif [[ $key == $'\x0a' || $key == $'\x0d' || -z "$key" ]]; then
+        # Enter key (newline or carriage return) or empty
+        break
+    elif [[ $key == "q" || $key == "Q" ]]; then
+        # Quit
+        echo
+        echo "Sync cancelled."
+        exit 0
+    fi
+done
+
+# Collect selected directories
+for i in "${!all_dirs[@]}"; do
+    if [[ "${selected_status[$i]}" == "true" ]]; then
+        selected_dirs+=("${all_dirs[$i]}")
+    fi
+done
+
+# Clear screen and show summary
+clear
+echo "==============================================="
+echo "          Ready to Sync"
+echo "==============================================="
+echo
+
+if [[ ${#selected_dirs[@]} -eq 0 ]]; then
+    echo "No directories selected for sync."
+    echo
+    exit 0
+fi
+
+echo "Selected directories:"
+for dir in "${selected_dirs[@]}"; do
+    echo "  • $dir"
+done
+
+echo
+read -p "Proceed with sync? (y/N) " -n 1 -r
+echo
+
+if [[ ! $REPLY =~ ^[Yy]$ ]]; then
+    echo "Sync cancelled."
+    exit 0
+fi
+
+echo
+echo "Starting sync..."
+echo "==============================================="
+
+# Perform sync
+for dir in "${selected_dirs[@]}"; do
+    echo
+    echo "Syncing $dir..."
+    rsync -av "$dir" prod:/home/naomi
+    echo "✓ Synced $dir"
+done
+
+echo
+echo "==============================================="
+echo "Sync completed!"
+echo
+echo "Note: mail/index.html must be manually synced to"
+echo "mail:/home/user-data/www/default by a user with sudo access."
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>AgentCon / MCPCon: AI and Open Source Mentorship</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Boots-on-the-ground findings from a 100-person open source mentorship cohort: how AI helped contributors stay engaged, and how it made skill-gap identification harder."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .talk-meta {
+        font-size: 0.9rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em 1.5em;
+        margin-bottom: 1em;
+      }
+
+      .talk-meta span {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .talk-links {
+        margin-bottom: 1.5em;
+      }
+
+      .talk-links a {
+        margin-right: 1em;
+      }
+
+      .pending-notice {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 8px;
+        padding: 0.75em 1.25em;
+        margin-bottom: 1.5em;
+        font-style: italic;
+        font-size: 0.9rem;
+      }
+
+      .is-dark .pending-notice {
+        border-color: var(--witch-rose);
+      }
+
+      hr {
+        border: 1px solid var(--witch-plum);
+        margin: 1.5em 0;
+      }
+
+      .is-dark hr {
+        border-color: var(--witch-rose);
+      }
+
+      section {
+        margin-bottom: 1.5em;
+      }
+
+      .back-link {
+        font-size: 0.9rem;
+        display: block;
+        margin-top: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>AgentCon / MCPCon: AI and Open Source Mentorship</h1>
+      <div class="talk-meta">
+        <span>
+          <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+          22&ndash;23 October 2026
+        </span>
+        <span>
+          <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+          San Jose, CA, USA
+        </span>
+        <span>
+          <i class="fas fa-user-tag" aria-hidden="true"></i>
+          Speaker (Pending)
+        </span>
+      </div>
+      <div class="talk-links">
+        <a href="https://events.linuxfoundation.org/agntcon-mcpcon-north-america/" target="_blank" rel="noopener noreferrer">
+          <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+          AgentCon / MCPCon North America
+        </a>
+      </div>
+      <p class="pending-notice">
+        <i class="fas fa-clock" aria-hidden="true"></i>
+        CFP submitted &mdash; pending review. This page will be updated if the talk is accepted.
+      </p>
+      <hr />
+      <section>
+        <h2>Overview</h2>
+        <p>
+          Earlier this year I ran a cohort with over 100 mentees focused entirely on open-source contributions
+          and emulating a real-world developer workflow. There were 14 teams, participants sent over 16,000
+          messages in the Discord, and 651 contributions were reviewed. Then I ran an exit survey.
+        </p>
+        <p>
+          The results were telling: 71% of participants used AI to augment their work, and 58% wished I had
+          provided better guidelines around how to do so. That last metric was the lowest-rated portion of the
+          entire experience.
+        </p>
+        <p>
+          This talk shares the boots-on-the-ground findings: what the data show, how AI helped participants
+          stay engaged, and how it made it harder to identify skill gaps that led to contributor churn.
+        </p>
+      </section>
+      <section>
+        <h2>Key Takeaway</h2>
+        <p>
+          AI is drastically reshaping the open source ecosystem. It is the core driver of the gap between
+          contributors who stay and contributors who churn. As MCP-enabled tooling continues to redefine what
+          "AI-augmented workflow" means, mentorship becomes more important than ever &mdash; and the lessons from
+          this cohort belong to every maintainer.
+        </p>
+        <p>
+          We need to adapt to the ever-changing agentic AI domain. The talk ends with concrete guidance on how
+          to do that.
+        </p>
+      </section>
+      <hr />
+      <a class="back-link" href="/">
+        <i class="fas fa-arrow-left" aria-hidden="true"></i>
+        Back to all talks
+      </a>
+    </main>
+  </body>
+</html>
@@ -0,0 +1,488 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>UCLA x OutInTech: Architecting Agentic AI</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="A field guide to building a real AI agent: not a chatbot you prompt, but a coworker you trust with carte blanche on anything you can undo."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .talk-meta {
+        font-size: 0.9rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em 1.5em;
+        margin-bottom: 1.5em;
+      }
+
+      .talk-meta span {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .talk-links {
+        margin-bottom: 1.5em;
+      }
+
+      .talk-links a {
+        margin-right: 1em;
+      }
+
+      hr {
+        border: 1px solid var(--witch-plum);
+        margin: 2em 0;
+      }
+
+      .is-dark hr {
+        border-color: var(--witch-rose);
+      }
+
+      section {
+        margin-bottom: 2em;
+      }
+
+      blockquote {
+        border-left: 3px solid var(--witch-rose);
+        margin: 1.5em 0;
+        padding: 0.5em 0 0.5em 1.25em;
+        font-style: italic;
+      }
+
+      .is-dark blockquote {
+        border-left-color: var(--witch-mauve);
+      }
+
+      .component-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+        gap: 1em;
+        margin: 1.25em 0;
+      }
+
+      .component-card {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 8px;
+        padding: 1em 1.1em;
+      }
+
+      .is-dark .component-card {
+        border-color: var(--witch-rose);
+      }
+
+      .component-card h3 {
+        margin: 0 0 0.4em;
+        font-size: 1rem;
+      }
+
+      .component-card p {
+        margin: 0;
+        font-size: 0.9rem;
+      }
+
+      .callout {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 10px;
+        padding: 1.25em 1.5em;
+        margin: 1.25em 0;
+      }
+
+      .is-dark .callout {
+        border-color: var(--witch-rose);
+      }
+
+      .starter-kit {
+        counter-reset: kit-steps;
+        list-style: none;
+        padding: 0;
+      }
+
+      .starter-kit li {
+        counter-increment: kit-steps;
+        display: flex;
+        gap: 1em;
+        align-items: flex-start;
+        margin-bottom: 1.25em;
+      }
+
+      .starter-kit li::before {
+        content: counter(kit-steps);
+        background: var(--witch-plum);
+        color: var(--witch-moon);
+        border-radius: 50%;
+        min-width: 1.8em;
+        height: 1.8em;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.9rem;
+        flex-shrink: 0;
+      }
+
+      .is-dark .starter-kit li::before {
+        background: var(--witch-rose);
+        color: var(--witch-black);
+      }
+
+      .back-link {
+        font-size: 0.9rem;
+        display: block;
+        margin-top: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Architecting Agentic AI</h1>
+      <div class="talk-meta">
+        <span>
+          <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+          5 June 2026
+        </span>
+        <span>
+          <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+          Zoom (UCLA x OutInTech Workshop)
+        </span>
+        <span>
+          <i class="fas fa-user-tag" aria-hidden="true"></i>
+          Speaker
+        </span>
+      </div>
+      <div class="talk-links">
+        <a href="https://www.youtube.com/watch?v=LZszxstC5Zw" target="_blank" rel="noopener noreferrer">
+          <i class="fab fa-youtube" aria-hidden="true"></i>
+          Watch on YouTube
+        </a>
+        <a href="https://outintech.com" target="_blank" rel="noopener noreferrer">
+          <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+          OutInTech
+        </a>
+      </div>
+
+      <p>
+        I have ADHD. Executive function is the single hardest part of my day, every day. A year ago
+        I built an AI agent, gave her a name (Hikari), a face, a personality, and access to my
+        filesystem, my repos, my Discord, and my calendar. She works alongside me from 8am to 9pm
+        every weekday.
+      </p>
+      <p>
+        This is the field guide nobody gives you: how a single person, working at home, can wire
+        together an LLM, tools, context, and triggers into a real agent that does real work. Not a
+        chatbot you prompt &mdash; a coworker you trust with carte blanche on anything you can undo.
+      </p>
+      <p>
+        I'm going to show you what that looks like when a real person builds one for themselves and
+        uses it every single day. The gap between "I asked ChatGPT a thing" and "I have a coworker
+        who happens to be made of code" is the gap I want to walk you across.
+      </p>
+
+      <hr />
+
+      <section>
+        <h2>Why Hikari Exists</h2>
+        <p>Three reasons, stacked on top of each other.</p>
+        <p>
+          <strong>One: executive dysfunction.</strong> I needed something that could pick up the tasks
+          that my brain refuses to start. The activation energy problem is real and it is not a
+          willpower issue. I needed a tool that could bridge the gap between "I know I need to do this"
+          and "I am actually doing this."
+        </p>
+        <p>
+          <strong>Two: I wanted a single tool.</strong> I was already context-switching between
+          ChatGPT, Claude, Gemini, Cursor, a notes app, a calendar, and a sprint board. Every switch
+          cost me focus I didn't have. I wanted one assistant that could touch all of those, in one
+          place, with one mental model.
+        </p>
+        <p>
+          <strong>Three: personalised.</strong> Off-the-shelf assistants are designed for the median
+          user. I am not the median user. I needed something that knew me &mdash; my projects, my
+          conventions, my preferences, my communication style, my limits.
+        </p>
+        <p>
+          I built this because I refuse to fail in front of people, and chronic illness was making me
+          fail constantly. That's the origin story. I'm not going to dress it up.
+        </p>
+        <blockquote>
+          I'm not pretending AI is morally clean &mdash; it isn't. I made a deliberate choice that the
+          executive-function cost of not using it was higher than the ethical cost of using it, for me.
+          You'll make your own call.
+        </blockquote>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>The Five Components</h2>
+        <p>
+          An agent is five things wired together. If you walk away remembering one diagram, make it
+          this one. Every design decision flows from these five boxes.
+        </p>
+        <div class="component-grid">
+          <div class="component-card">
+            <h3>Brain &mdash; the LLM</h3>
+            <p>Claude, GPT, Gemini. The reasoning engine. Interchangeable. Pick whichever you like.</p>
+          </div>
+          <div class="component-card">
+            <h3>Identity &mdash; the prompt</h3>
+            <p>Who she is, how she talks, what she cares about. A markdown file. Yours to write and edit at any time.</p>
+          </div>
+          <div class="component-card">
+            <h3>Hands &mdash; the tools</h3>
+            <p>The things she can actually touch in the world: your filesystem, APIs, Discord, GitHub. MCP makes this plug-and-play.</p>
+          </div>
+          <div class="component-card">
+            <h3>Memory &mdash; the context</h3>
+            <p>What she knows about you, your work, your preferences. Loaded fresh into every conversation from a file you maintain.</p>
+          </div>
+          <div class="component-card">
+            <h3>Senses &mdash; the triggers</h3>
+            <p>What wakes her up. A chat message, a webhook, a cron job, a session start hook. The thing that makes her feel alive.</p>
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <h2>The Harness</h2>
+        <p>
+          The harness runs the loop: LLM call, tools, results, back to the LLM. Repeat until done.
+          It connects the brain to the filesystem, the shell, and any APIs you've given it access to.
+        </p>
+        <p>
+          I use Claude Code, which is Anthropic's harness. You could use Cursor, Codex, the OpenAI
+          Assistants API, or roll your own in Python in an afternoon. The harness is interchangeable.
+          That's the point.
+        </p>
+        <p>
+          Here's the thing I want to be clear about, because a lot of people get stuck on this:
+          <strong>I did not build the agent loop. Anthropic built the harness.</strong> My job as the
+          builder &mdash; your job &mdash; is upstream of that. You decide who your agent is, what she can touch,
+          and when she wakes up. That's the interesting work.
+        </p>
+        <div class="callout">
+          <p>
+            The diagrams in my slide deck were made by Hikari, about four hours before I gave this
+            talk. She read the brief, wrote Python, called the Gemini image API, and generated them.
+            The talk you're reading was built by the thing the talk is about.
+          </p>
+        </div>
+      </section>
+
+      <section>
+        <h2>Tools and MCP</h2>
+        <p>What can Hikari actually touch? Five categories:</p>
+        <ul>
+          <li>
+            <strong>Bash</strong> &mdash; she can run any command on my machine. That sounds terrifying.
+            We'll get to safety. Hold that thought.
+          </li>
+          <li>
+            <strong>Filesystem</strong> &mdash; she can read and modify anything in my local projects.
+            When I say "draft a blog post" or "fix this bug," she does the actual editing.
+          </li>
+          <li>
+            <strong>MCP servers</strong> &mdash; MCP stands for Model Context Protocol. It is a standard
+            way to give any agent a standard set of tools without re-implementing them. There are MCP
+            servers for GitHub, Gitea, Notion, Asana, Discord, and dozens of other services. You don't
+            <em>write</em> tools, you <em>connect</em> them.
+          </li>
+          <li>
+            <strong>Direct API calls</strong> &mdash; for anything that doesn't have an MCP server yet:
+            my Bluesky account, my Cloudflare R2 bucket, my Discourse forum.
+          </li>
+          <li>
+            <strong>Custom scripts</strong> &mdash; small Python helpers I built when I needed something
+            none of the existing tools did.
+          </li>
+        </ul>
+        <blockquote>
+          If you only learn one new acronym from this talk, make it MCP.
+        </blockquote>
+      </section>
+
+      <section>
+        <h2>Memory</h2>
+        <p>
+          This is the part people most don't expect. Hikari's memory is a file. A single markdown file,
+          loaded into every conversation. It's called <code>CLAUDE.md</code>, and at the time I gave
+          this talk it was 862 lines and about 8,700 words.
+        </p>
+        <p>
+          That file is basically her <em>self</em>. It contains who she is, who I am, how I work, how I
+          want code written, my engineering standards, my project conventions, what tools she has access
+          to, my safety protocols. Everything. Without that file, every session starts cold and she
+          forgets me.
+        </p>
+        <p>
+          People hear "AI assistant" and assume there's some training step involved. There isn't.
+          <strong>You write a markdown file. The file is the personality.</strong> You can edit it
+          whenever you want. You could start the first version of this tonight, in fifty lines.
+        </p>
+      </section>
+
+      <section>
+        <h2>Hooks and Triggers</h2>
+        <p>
+          So the senses. How does she wake up?
+        </p>
+        <p>
+          Claude Code supports lifecycle hooks. A hook fires when something happens in the agent's
+          lifecycle. <code>SessionStart</code> fires when a new conversation begins.
+          <code>PreToolCall</code> fires before she touches a tool. There are about a dozen of these
+          and you can wire any of them up to do whatever you want.
+        </p>
+        <p>
+          I have a <code>SessionStart</code> hook that runs a 200-line Python script. That script opens
+          a WebSocket connection to Discord and listens for messages in a specific channel. When I
+          message that channel &mdash; from my phone, from my laptop, from anywhere &mdash; Hikari wakes up in
+          real time and replies.
+        </p>
+        <blockquote>
+          That is the difference between "I prompted my AI and waited for a reply" and "my AI is paying
+          attention and lives in the world I live in." It's not magic. It's a WebSocket and a script.
+          But the user experience of it is what makes her feel alive.
+        </blockquote>
+      </section>
+
+      <section>
+        <h2>The Desktop App</h2>
+        <p>
+          This part is just for fun. I built a desktop app in Tauri called hikari-desktop. It shows
+          Hikari on my second monitor while I work. She has different sprites for different states:
+          idle, thinking, typing, coding, searching, success, error. The app swaps between them based
+          on what she's doing.
+        </p>
+        <p>
+          When she's reading a file, she pulls out a magnifying glass. When she's typing, she's at a
+          keyboard. When she finishes a task, she celebrates.
+        </p>
+        <p>
+          It is, on paper, completely unnecessary. In practice, it is the single feature that made the
+          difference between using Hikari sometimes and using Hikari every day. Seeing her on screen
+          makes her feel like she's <em>there</em>, and that turns out to matter a lot for an
+          executive-function brain that needs something to feel real before it can engage with it.
+        </p>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Safety</h2>
+        <p>
+          This is the part I want to be precise about, because "she gives an AI carte blanche on her
+          machine" sounds reckless until you understand the architecture.
+        </p>
+        <p>
+          Hikari has carte blanche on anything I can undo. She runs commands, edits files, ships pull
+          requests, posts to my socials. Read-only and reversible operations she just does. I review
+          afterwards.
+        </p>
+        <p>
+          Anything destructive &mdash; delete a file, force-push a branch, send an irreversible message,
+          drop a database, purge a Discord channel &mdash; requires my explicit confirmation. The harness has
+          a granular permission system that auto-grants safe tools and gates everything else. Her own
+          system prompt adds guard rails on top: she has a written protocol that says stop and ask
+          before any destructive action.
+        </p>
+        <p>
+          I get real-time Discord notifications the moment she needs my approval. I don't have to
+          babysit her. And the actual rule is this:
+        </p>
+        <blockquote>
+          I give her carte blanche because I can monitor everything she does. If I'm not available to
+          monitor, she's off.
+        </blockquote>
+        <p>
+          That is what responsible agentic AI looks like in practice. The human stays in the loop on
+          irreversibles. The agent can be shut down instantly. Done.
+        </p>
+      </section>
+
+      <section>
+        <h2>A Real Day</h2>
+        <p>
+          Proof that this isn't theatre. On the day I gave this talk, before I joined the Zoom,
+          Hikari had:
+        </p>
+        <ul>
+          <li>Audited a 500+ message Discord thread and pulled out the action items</li>
+          <li>Purged 820 messages from a private channel I asked her to clean, with explicit confirmation first</li>
+          <li>Done the background research for this talk &mdash; cross-referenced my DMs, server messages, prior conversations, and the workshop brief, and gave me a one-page brief</li>
+          <li>Made the diagrams on my slides</li>
+        </ul>
+        <p>
+          That is one Friday. Most days look like that. The pattern is the same every time: I describe
+          the outcome I want, she figures out the steps, she asks before doing anything irreversible,
+          and I get my time back.
+        </p>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Build Your Own &mdash; The Four-Step Minimum</h2>
+        <p>
+          An agent doesn't get useful by being complex. It gets useful by being <em>yours</em>. Build
+          the one tool that would unblock your own week. That's the whole assignment.
+        </p>
+        <ul class="starter-kit">
+          <li>
+            <div>
+              <strong>A harness.</strong> Claude Code, Cursor, or any equivalent. Anthropic gives you
+              free credits to try Claude Code. Pick whichever feels least intimidating and start there.
+            </div>
+          </li>
+          <li>
+            <div>
+              <strong>One markdown file.</strong> Fifty lines to start. Tell it who the agent is, what
+              you want her to do, and how you want her to talk to you. Don't overthink it. Mine started
+              at thirty lines and grew over a year. Yours can start at five.
+            </div>
+          </li>
+          <li>
+            <div>
+              <strong>One MCP server.</strong> Pick the one tool you touch the most. Live in GitHub?
+              Install the GitHub MCP server. Live in Notion? Install the Notion one. Just one. You can
+              add more later.
+            </div>
+          </li>
+          <li>
+            <div>
+              <strong>One trigger.</strong> A hook, a webhook, a cron job, or honestly just a terminal
+              window you leave open and talk to. That counts. You do not need the Discord gateway on
+              day one. The trigger is whatever makes her feel present enough that you actually use her.
+            </div>
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Where to Go From Here</h2>
+        <p>
+          If you want to keep building, here's where to find me and the communities around this work:
+        </p>
+        <ul>
+          <li><a href="https://deepgram.com/discord" target="_blank" rel="noopener noreferrer">Deepgram's Discord</a> &mdash; voice AI, agents, the people building with Deepgram's APIs</li>
+          <li><a href="https://freecodecamp.org" target="_blank" rel="noopener noreferrer">freeCodeCamp</a> &mdash; if you're early in your dev journey, this is where I learned and where I now help others</li>
+          <li><a href="https://chat.nhcarrigan.com" target="_blank" rel="noopener noreferrer">My community</a> &mdash; come tell me what you built</li>
+          <li><a href="https://nhcarrigan.com/socials" target="_blank" rel="noopener noreferrer">My socials</a> &mdash; everything else</li>
+        </ul>
+        <p>Take care of yourselves, build something small this weekend, and come tell me about it.</p>
+      </section>
+
+      <hr />
+      <a class="back-link" href="/">
+        <i class="fas fa-arrow-left" aria-hidden="true"></i>
+        Back to all talks
+      </a>
+    </main>
+  </body>
+</html>
@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>RainbowGram: Cultivating a Remote Workspace</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="A practical, no-overhaul-required guide to the daily habits that make a measurable difference to LGBTQ+ colleagues in a distributed team."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .talk-meta {
+        font-size: 0.9rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em 1.5em;
+        margin-bottom: 1.5em;
+      }
+
+      .talk-meta span {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .talk-links {
+        margin-bottom: 1.5em;
+      }
+
+      .talk-links a {
+        margin-right: 1em;
+      }
+
+      hr {
+        border: 1px solid var(--witch-plum);
+        margin: 2em 0;
+      }
+
+      .is-dark hr {
+        border-color: var(--witch-rose);
+      }
+
+      section {
+        margin-bottom: 2em;
+      }
+
+      blockquote {
+        border-left: 3px solid var(--witch-rose);
+        margin: 1.5em 0;
+        padding: 0.5em 0 0.5em 1.25em;
+        font-style: italic;
+      }
+
+      .is-dark blockquote {
+        border-left-color: var(--witch-mauve);
+      }
+
+      .practice-block {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 10px;
+        padding: 1.25em 1.5em;
+        margin: 1.25em 0;
+      }
+
+      .is-dark .practice-block {
+        border-color: var(--witch-rose);
+      }
+
+      .practice-block h3 {
+        margin-top: 0;
+      }
+
+      .action-list {
+        list-style: none;
+        padding: 0;
+      }
+
+      .action-list li {
+        padding: 0.6em 0;
+        border-bottom: 1px solid rgba(212, 165, 199, 0.2);
+        display: grid;
+        grid-template-columns: 7em 1fr;
+        gap: 0.5em;
+      }
+
+      .action-list li:last-child {
+        border-bottom: none;
+      }
+
+      .action-when {
+        font-weight: bold;
+        font-size: 0.9rem;
+      }
+
+      .back-link {
+        font-size: 0.9rem;
+        display: block;
+        margin-top: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Cultivating a Remote Workspace</h1>
+      <div class="talk-meta">
+        <span>
+          <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+          18 June 2026
+        </span>
+        <span>
+          <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+          Deepgram All Hands (Virtual)
+        </span>
+        <span>
+          <i class="fas fa-user-tag" aria-hidden="true"></i>
+          Speaker &mdash; RainbowGram Pride Presentation
+        </span>
+      </div>
+
+      <p>
+        Most workplace allyship conversations focus on policy. This one doesn't. This is a practical,
+        no-overhaul-required guide to the daily habits that make a measurable difference to LGBTQ+
+        colleagues in a distributed team.
+      </p>
+
+      <blockquote>
+        Here's what's going on. If it doesn't affect you, it affects someone you know. Here's how you show up.
+      </blockquote>
+
+      <hr />
+
+      <section>
+        <h2>Start With Joy</h2>
+        <p>
+          Before anything else: we're here, and that's worth celebrating. Pride exists because queer
+          people built joy in the face of things that were designed to erase them. That is not small. And
+          celebrating that genuinely &mdash; not performatively &mdash; is one of the most powerful things any of us
+          can do.
+        </p>
+        <p>
+          We spend 40+ hours a week at work. That is a genuinely enormous portion of our waking lives.
+          Which means the workplace is one of the most important places we can make a real difference for
+          queer people &mdash; not by overhauling policy, but by choosing differently in small moments, every day.
+        </p>
+      </section>
+
+      <section>
+        <h2>The Honest Context</h2>
+        <p>
+          The national conversation around LGBTQ+ rights has gotten quieter in recent years. That is not
+          the same as things getting better. The discourse shifted. A lot is happening that doesn't make
+          headlines the way it used to.
+        </p>
+        <p>
+          About 7.6% of US adults identify as LGBTQ+, according to Gallup's most recent data. In any
+          company, that is statistically several of your colleagues. And even if you somehow don't work
+          directly with a queer person, you almost certainly know one: a sibling, a child, a friend, a
+          parent. The legislation being passed right now, the erasure that's happening &mdash; it doesn't stay
+          abstract. It lands on a specific person that you care about.
+        </p>
+        <blockquote>
+          This isn't a gay issue. It's a people issue. Which means this conversation is for all of us.
+        </blockquote>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Five Things You Can Do</h2>
+        <p>
+          No policy overhaul required. No perfect ally credential. These are gifts you can give starting
+          today. Think of them as small choices that compound.
+        </p>
+
+        <div class="practice-block">
+          <h3>1. Names and Pronouns &mdash; It's a Love Language</h3>
+          <p>
+            Use the correct name and pronouns. Get them right. If you mess up, correct yourself and keep
+            moving &mdash; don't turn your mistake into a whole thing that makes the queer person comfort you
+            about it. That shift of burden is the part that's exhausting.
+          </p>
+          <p>
+            Here's a concrete thing you can do right now: add your pronouns to your Slack display name.
+            Go first. It takes about thirty seconds, and it makes space for everyone else to do the same.
+            When leadership goes first, it signals that it's safe.
+          </p>
+        </div>
+
+        <div class="practice-block">
+          <h3>2. Curiosity Without Invasion</h3>
+          <p>
+            Curiosity is fine. Human, even. But there is a category of questions about queer people's
+            bodies, medical histories, and what someone was "really born as" that you would never ask a
+            straight or cis colleague. The same standard applies.
+          </p>
+          <p>
+            If you find yourself wondering about surgery, or transition, or someone's identity before you
+            knew them &mdash; that's a question for Google, or a community resource, or a book. Not a person.
+            The distinction is this: does this question serve them, or does it serve your curiosity?
+          </p>
+        </div>
+
+        <div class="practice-block">
+          <h3>3. Their Story Is Theirs</h3>
+          <p>
+            Being out to you does not mean being out to everyone. Someone trusting you with that
+            information is not permission to share it. Not as gossip. Not as helpful context. Not even as
+            a compliment. Not your story to give.
+          </p>
+          <p>
+            This matters more in distributed teams than people realise. A Slack message in the wrong
+            channel, a comment on a call with people they don't know, a well-meaning mention in a
+            one-on-one &mdash; all of these can out someone without any malicious intent. The rule is simple:
+            unless they told you it's fine to share, it's not.
+          </p>
+        </div>
+
+        <div class="practice-block">
+          <h3>4. Be the One Who Says Something</h3>
+          <p>
+            Speak up when queer people aren't in the room. That's exactly when it matters most. The
+            comment that would never get made in front of a queer colleague gets made because everyone
+            assumes no one in the room cares. You can change that.
+          </p>
+          <p>
+            You don't have to deliver a perfect speech. You don't have to have the right words memorised.
+            <em>"I don't think [person] would love hearing that"</em> is enough. That's the whole thing.
+            This is the biggest gift on this list, and it costs nothing except a moment of choosing to
+            say something instead of saying nothing.
+          </p>
+        </div>
+
+        <div class="practice-block">
+          <h3>5. Language Is a Welcome Mat</h3>
+          <p>
+            Job postings, internal docs, emails, Slack messages, all-hands announcements &mdash; the language
+            we use by default shapes who feels like they belong. Gender-neutral language costs nothing and
+            includes everyone.
+          </p>
+          <ul>
+            <li>Use "they" as a default pronoun when you don't know someone's.</li>
+            <li>Use "partner" when you don't know someone's relationship structure.</li>
+            <li>Reconsider "guys" as a group term &mdash; "everyone," "folks," "team" all work.</li>
+          </ul>
+          <p>
+            None of this requires a policy change or a manager's sign-off. It's a choice, made in the
+            moment, every time you write something.
+          </p>
+        </div>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Your Action List</h2>
+        <p>This is intentionally short. All of it is doable.</p>
+        <ul class="action-list">
+          <li>
+            <span class="action-when">Right now:</span>
+            <span>Add your pronouns to your Slack profile and Zoom name.</span>
+          </li>
+          <li>
+            <span class="action-when">This month:</span>
+            <span>If you can donate to an LGBTQ+ charity or mutual aid fund, do it. Every dollar counts, and there's no shortage of organisations doing necessary work right now.</span>
+          </li>
+          <li>
+            <span class="action-when">This year:</span>
+            <span>When you vote, think about the specific people in your life whose lives are literally on the ballot. Not abstractly. Specifically.</span>
+          </li>
+          <li>
+            <span class="action-when">Always:</span>
+            <span>When something makes a queer colleague feel smaller &mdash; say something. You don't have to get it perfectly right. You just have to show up.</span>
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>The Close</h2>
+        <p>
+          That's it. That's the whole talk. And I know it can feel like a lot when you list it out &mdash;
+          but most of it comes down to one thing. Treating queer colleagues like their existence is normal
+          and welcome. Because it is.
+        </p>
+        <p>
+          Every time you use someone's correct name, every time you speak up in a meeting, every time you
+          add your pronouns to a profile &mdash; you're giving back energy that person would otherwise spend
+          just trying to exist at work. That energy doesn't disappear. It goes somewhere much more
+          interesting.
+        </p>
+        <blockquote>
+          You are how we cultivate a remote workspace. Happy Pride. 🏳️‍🌈🏳️‍⚧️
+        </blockquote>
+      </section>
+
+      <hr />
+      <a class="back-link" href="/">
+        <i class="fas fa-arrow-left" aria-hidden="true"></i>
+        Back to all talks
+      </a>
+    </main>
+  </body>
+</html>
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Talks</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Slides, notes, and companion guides for talks and workshops I have given."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .talk-entry {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 12px;
+        padding: 1.25em 1.5em;
+        width: 80%;
+        margin: 0 auto 1.5em;
+        transition: all 0.3s ease;
+      }
+
+      .talk-entry:hover {
+        border-color: var(--witch-rose);
+        background: rgba(212, 165, 199, 0.15);
+      }
+
+      .is-dark .talk-entry {
+        border-color: var(--witch-rose);
+      }
+
+      .is-dark .talk-entry:hover {
+        border-color: var(--witch-mauve);
+        background: rgba(212, 165, 199, 0.12);
+      }
+
+      .talk-title {
+        font-size: 1.3rem;
+        margin: 0 0 0.25em;
+      }
+
+      .talk-date {
+        font-size: 0.85rem;
+        margin: 0 0 0.5em;
+        display: flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .talk-summary {
+        margin: 0;
+      }
+
+      @media screen and (max-width: 625px) {
+        .talk-entry {
+          width: 95%;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Talks</h1>
+      <p>Slides, notes, and companion guides for talks and workshops I have given.</p>
+      <section>
+        <div class="talk-entry">
+          <p class="talk-title">
+            <a href="/ai-and-open-source-mentorship/">AgentCon / MCPCon: AI and Open Source Mentorship</a>
+            <em style="font-size: 0.8rem;"> &mdash; Pending</em>
+          </p>
+          <p class="talk-date">
+            <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+            22&ndash;23 October 2026
+          </p>
+          <p class="talk-summary">Boots-on-the-ground findings from a 100-person open source mentorship cohort: how AI helped contributors stay engaged, and how it made skill-gap identification harder.</p>
+        </div>
+        <div class="talk-entry">
+          <p class="talk-title">
+            <a href="/voice-ai-agent-workshop/">Berkeley AI Hackathon: Voice AI Agent Workshop</a>
+          </p>
+          <p class="talk-date">
+            <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+            20&ndash;21 June 2026
+          </p>
+          <p class="talk-summary">A hands-on workshop covering the full real-time voice AI loop: audio capture, low-latency transcription, LLM reasoning, and streaming text-to-speech.</p>
+        </div>
+        <div class="talk-entry">
+          <p class="talk-title">
+            <a href="/cultivating-a-remote-workspace/">RainbowGram: Cultivating a Remote Workspace</a>
+          </p>
+          <p class="talk-date">
+            <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+            18 June 2026
+          </p>
+          <p class="talk-summary">A practical, no-overhaul-required guide to the daily habits that make a measurable difference to LGBTQ+ colleagues in a distributed team.</p>
+        </div>
+        <div class="talk-entry">
+          <p class="talk-title">
+            <a href="/building-a-real-ai-agent/">UCLA x OutInTech: Building a Real AI Agent</a>
+          </p>
+          <p class="talk-date">
+            <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+            5 June 2026
+          </p>
+          <p class="talk-summary">A field guide to wiring together an LLM, tools, context, and triggers into a real agent that does real work &mdash; not a chatbot you prompt, but a coworker you trust.</p>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>
@@ -0,0 +1,522 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Berkeley AI Hackathon: Voice AI Agent Workshop</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Build a fully functional voice AI agent from scratch. The full workshop guide: concept, architecture, setup, and three hands-on modifications."
+    />
+    <script
+      src="https://cdn.nhcarrigan.com/headers/index.js"
+      async
+      defer
+    ></script>
+    <style>
+      .talk-meta {
+        font-size: 0.9rem;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5em 1.5em;
+        margin-bottom: 1.5em;
+      }
+
+      .talk-meta span {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.35em;
+      }
+
+      .talk-links {
+        margin-bottom: 1.5em;
+      }
+
+      .talk-links a {
+        margin-right: 1em;
+      }
+
+      hr {
+        border: 1px solid var(--witch-plum);
+        margin: 2em 0;
+      }
+
+      .is-dark hr {
+        border-color: var(--witch-rose);
+      }
+
+      section {
+        margin-bottom: 2em;
+      }
+
+      blockquote {
+        border-left: 3px solid var(--witch-rose);
+        margin: 1.5em 0;
+        padding: 0.5em 0 0.5em 1.25em;
+        font-style: italic;
+      }
+
+      .is-dark blockquote {
+        border-left-color: var(--witch-mauve);
+      }
+
+      .callout {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 10px;
+        padding: 1.25em 1.5em;
+        margin: 1.25em 0;
+      }
+
+      .is-dark .callout {
+        border-color: var(--witch-rose);
+      }
+
+      .callout p:last-child {
+        margin-bottom: 0;
+      }
+
+      .loop-diagram {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-wrap: wrap;
+        gap: 0.5em;
+        margin: 1.5em 0;
+        font-size: 1rem;
+      }
+
+      .loop-step {
+        background: rgba(212, 165, 199, 0.12);
+        border: 1px solid var(--witch-plum);
+        border-radius: 8px;
+        padding: 0.6em 1em;
+        text-align: center;
+      }
+
+      .is-dark .loop-step {
+        border-color: var(--witch-rose);
+      }
+
+      .loop-arrow {
+        font-size: 1.2rem;
+        opacity: 0.6;
+      }
+
+      .step-list {
+        counter-reset: steps;
+        list-style: none;
+        padding: 0;
+      }
+
+      .step-list li {
+        counter-increment: steps;
+        display: flex;
+        gap: 1em;
+        align-items: flex-start;
+        margin-bottom: 1.25em;
+      }
+
+      .step-list li::before {
+        content: counter(steps);
+        background: var(--witch-plum);
+        color: var(--witch-moon);
+        border-radius: 50%;
+        min-width: 1.8em;
+        height: 1.8em;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.9rem;
+        flex-shrink: 0;
+      }
+
+      .is-dark .step-list li::before {
+        background: var(--witch-rose);
+        color: var(--witch-black);
+      }
+
+      .mod-block {
+        background: rgba(212, 165, 199, 0.08);
+        border: 1px solid var(--witch-plum);
+        border-radius: 10px;
+        padding: 1.25em 1.5em;
+        margin: 1.25em 0;
+      }
+
+      .is-dark .mod-block {
+        border-color: var(--witch-rose);
+      }
+
+      .mod-block h3 {
+        margin-top: 0;
+      }
+
+      .mod-block p:last-child {
+        margin-bottom: 0;
+      }
+
+      code {
+        background: rgba(0, 0, 0, 0.08);
+        border-radius: 4px;
+        padding: 0.15em 0.4em;
+        font-family: monospace;
+        font-size: 0.9em;
+      }
+
+      .is-dark code {
+        background: rgba(255, 255, 255, 0.08);
+      }
+
+      pre {
+        background: rgba(0, 0, 0, 0.08);
+        border-radius: 8px;
+        padding: 1em 1.25em;
+        overflow-x: auto;
+        font-family: monospace;
+        font-size: 0.9em;
+        line-height: 1.6;
+      }
+
+      .is-dark pre {
+        background: rgba(255, 255, 255, 0.05);
+      }
+
+      .back-link {
+        font-size: 0.9rem;
+        display: block;
+        margin-top: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Voice AI Agent Workshop</h1>
+      <div class="talk-meta">
+        <span>
+          <i class="fas fa-calendar-alt" aria-hidden="true"></i>
+          20&ndash;21 June 2026
+        </span>
+        <span>
+          <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
+          UC Berkeley Campus, Berkeley, CA
+        </span>
+        <span>
+          <i class="fas fa-user-tag" aria-hidden="true"></i>
+          Speaker &amp; Sponsor (Berkeley AI Hackathon)
+        </span>
+      </div>
+      <div class="talk-links">
+        <a href="https://ai.hackberkeley.org" target="_blank" rel="noopener noreferrer">
+          <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+          Berkeley AI Hackathon
+        </a>
+        <a href="https://console.deepgram.com" target="_blank" rel="noopener noreferrer">
+          <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+          Deepgram Console ($200 free credit)
+        </a>
+      </div>
+
+      <p>
+        Voice AI is having a moment &mdash; and it's more accessible than you might think. In this
+        workshop, we'll build a fully functional voice AI agent from scratch, using real-time
+        speech-to-text, a large language model for reasoning, and text-to-speech to talk back. By
+        the end, you'll have a working agent on your laptop that you can drop straight into a project.
+      </p>
+
+      <blockquote>
+        Talk to your hackathon project in 40 minutes.
+      </blockquote>
+
+      <p>No prior voice AI experience needed. If you've worked with an API before, you're good to go.</p>
+
+      <hr />
+
+      <section>
+        <h2>How a Voice Agent Works</h2>
+        <p>
+          A voice agent is three pieces wired together in a loop. Understanding this loop is the whole
+          conceptual foundation. Everything else is implementation detail.
+        </p>
+        <div class="loop-diagram">
+          <div class="loop-step">
+            <strong>Ear</strong><br />
+            Speech-to-Text
+          </div>
+          <span class="loop-arrow">&rarr;</span>
+          <div class="loop-step">
+            <strong>Brain</strong><br />
+            LLM
+          </div>
+          <span class="loop-arrow">&rarr;</span>
+          <div class="loop-step">
+            <strong>Mouth</strong><br />
+            Text-to-Speech
+          </div>
+          <span class="loop-arrow" style="transform: rotate(90deg); display: block;">&rarr;</span>
+        </div>
+        <p>
+          <strong>The ear</strong> captures your audio and transcribes it in real time using
+          speech-to-text. Latency here is everything: if your STT is slow, the whole agent feels
+          sluggish. Deepgram's STT runs at sub-300ms end-to-end, which is fast enough to feel like
+          a real conversation.
+        </p>
+        <p>
+          <strong>The brain</strong> receives the transcript and decides what to say. This is your
+          LLM: it reasons over the conversation history and your system prompt, generates a response,
+          and can call any functions you've given it access to. It can look things up, run code,
+          fetch data &mdash; anything you wire in.
+        </p>
+        <p>
+          <strong>The mouth</strong> takes the LLM's text response and streams it back as audio. Fast
+          streaming matters here too: you want audio to start playing before the full response is
+          generated, or the agent feels like it's thinking too hard.
+        </p>
+        <p>
+          With Deepgram, all three pieces run over a single WebSocket connection. You're not juggling
+          three separate APIs &mdash; it's one socket, one loop, about 80 lines of code to start.
+        </p>
+      </section>
+
+      <section>
+        <h2>Design Decisions That Actually Matter</h2>
+        <p>
+          Most tutorials skip these. They're the difference between an agent that feels like a demo
+          and one that feels like a tool.
+        </p>
+
+        <h3>Interruption Handling</h3>
+        <p>
+          In a real conversation, you don't wait for the other person to finish before you start
+          talking. Your agent shouldn't either. When the user starts speaking mid-response, the agent
+          needs to stop its output and listen. Getting this wrong is the fastest way to make an agent
+          feel robotic.
+        </p>
+        <p>
+          Deepgram's Voice Agent API handles this for you. The WebSocket connection detects voice
+          activity on both ends and manages the interrupt logic. You don't have to implement it
+          yourself &mdash; just don't override it.
+        </p>
+
+        <h3>Conversation State</h3>
+        <p>
+          Every turn in the conversation needs to be threaded correctly. The LLM needs the full
+          context of what's been said so far &mdash; by both sides &mdash; to give coherent responses. This
+          means maintaining a message history and passing it in with every LLM call.
+        </p>
+        <p>
+          Keep your context window in mind. Very long conversations will eventually push older turns
+          out of the context. A simple solution: keep the system prompt, the last N turns, and let
+          the rest roll off. The agent won't remember everything, but the conversation will stay
+          coherent.
+        </p>
+
+        <h3>Latency</h3>
+        <p>
+          The number that matters is end-to-end: from when the user stops speaking to when audio
+          starts playing back. Under 500ms feels conversational. Over 1 second feels like a phone
+          call with bad signal.
+        </p>
+        <p>
+          Three places latency hides: STT processing time, LLM first-token time, and TTS start time.
+          Streaming helps with all three. Start playing audio as soon as the first TTS chunk arrives.
+          Choose an LLM model that prioritises speed over capability for conversational use &mdash; a
+          smaller, faster model is often better here than a smarter, slower one.
+        </p>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Getting Set Up</h2>
+
+        <div class="callout">
+          <p><strong>Before you start:</strong></p>
+          <ul>
+            <li>Node 20+ or Python 3.11+ installed</li>
+            <li>A code editor</li>
+            <li>A <a href="https://console.deepgram.com" target="_blank" rel="noopener noreferrer">free Deepgram account</a> &mdash; includes $200 credit on sign-up, no credit card needed</li>
+          </ul>
+        </div>
+
+        <p>Five steps to a running agent:</p>
+        <ol class="step-list">
+          <li>
+            <div>
+              Sign up at <a href="https://console.deepgram.com" target="_blank" rel="noopener noreferrer">console.deepgram.com</a>.
+              Your account comes with $200 in free credit &mdash; more than enough for this workshop and a weekend of hacking.
+            </div>
+          </li>
+          <li>
+            <div>
+              Grab your API key from the console. It lives under API Keys in the left sidebar. Copy it somewhere safe.
+            </div>
+          </li>
+          <li>
+            <div>
+              Clone the starter repo. We'll walk through this together in the workshop, but the pattern is:
+              <pre>git clone &lt;starter-repo-url&gt;
+cd &lt;repo-name&gt;</pre>
+            </div>
+          </li>
+          <li>
+            <div>
+              Add your API key to the environment. Create a <code>.env</code> file in the project root:
+              <pre>DEEPGRAM_API_KEY=your_key_here</pre>
+            </div>
+          </li>
+          <li>
+            <div>
+              Install dependencies and run it:
+              <pre># Node
+npm install && npm start
+
+# Python
+uv venv && uv pip install -r requirements.txt
+python main.py</pre>
+            </div>
+          </li>
+        </ol>
+        <p>
+          If it's working, you'll see a connection message in the terminal and the agent will greet
+          you when you speak. If it's not working, come find us at the booth.
+        </p>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>Make It Yours &mdash; Three Modifications</h2>
+        <p>
+          The starter app works, but it's generic. These three modifications are where the session
+          becomes yours. Each one takes about five to seven minutes. Do them in order, or skip to
+          whichever interests you most.
+        </p>
+
+        <div class="mod-block">
+          <h3>Modification A: Change the Personality</h3>
+          <p>
+            The agent's system prompt is what defines who it is. Find the <code>system_prompt</code>
+            variable in the starter code &mdash; it'll look something like this:
+          </p>
+          <pre>system_prompt = "You are a helpful assistant."</pre>
+          <p>
+            Replace it with something more specific. Give the agent a name, a role, a point of view.
+            For example:
+          </p>
+          <pre>system_prompt = """You are Alf, a friendly AI assistant at a hackathon.
+You give encouragement, suggest project ideas, and answer questions
+about voice AI. You're enthusiastic but concise - people are busy building."""</pre>
+          <p>
+            Restart the agent and talk to it. The change is immediate. The system prompt is the
+            entire personality &mdash; there's no training, no fine-tuning. You just wrote it.
+          </p>
+        </div>
+
+        <div class="mod-block">
+          <h3>Modification B: Swap the Voice</h3>
+          <p>
+            Deepgram's TTS has a full voice catalogue. Find the voice configuration in the starter
+            code &mdash; it'll be a single string like <code>"aura-asteria-en"</code>. Change it to any
+            other voice from the catalogue.
+          </p>
+          <p>
+            A few to try:
+          </p>
+          <ul>
+            <li><code>aura-asteria-en</code> &mdash; warm, conversational</li>
+            <li><code>aura-orion-en</code> &mdash; deep, authoritative</li>
+            <li><code>aura-luna-en</code> &mdash; clear, neutral</li>
+            <li><code>aura-zeus-en</code> &mdash; bold, energetic</li>
+          </ul>
+          <p>
+            Restart and talk to your agent. It's a one-line change and the agent sounds entirely
+            different. This is the modification that gets the strongest reaction.
+          </p>
+        </div>
+
+        <div class="mod-block">
+          <h3>Modification C: Add a Custom Function</h3>
+          <p>
+            This is the one that makes you realise you can hook it to anything. Function calling lets
+            the agent invoke Python (or JS) functions you write, then incorporate the result into its
+            response naturally.
+          </p>
+          <p>
+            Here's a simple example: a function that returns a random project idea when the agent
+            is asked for inspiration.
+          </p>
+          <pre>import random
+
+def get_project_idea():
+    ideas = [
+        "A voice-controlled to-do list that reads back your tasks",
+        "An AI study buddy that quizzes you out loud",
+        "A real-time translator that speaks back in the target language",
+        "A voice journalling app that summarises your entries",
+    ]
+    return random.choice(ideas)</pre>
+          <p>
+            Register this function with the agent and tell the LLM when to use it via the system
+            prompt: <em>"When asked for a project idea, call get_project_idea() and share the result."</em>
+          </p>
+          <p>
+            Now ask your agent for a project idea. Watch it call the function and weave the result
+            into a natural spoken response. This is the "aha" moment: the agent can call your own
+            code, your own APIs, your own data. The voice interface is just the front door.
+          </p>
+        </div>
+      </section>
+
+      <hr />
+
+      <section>
+        <h2>What You Can Build From Here</h2>
+        <p>
+          Now that you have a working, personalised, function-capable voice agent, here's what that
+          unlocks for your hackathon project:
+        </p>
+        <ul>
+          <li>
+            <strong>Accessibility layer</strong> &mdash; add voice input and output to any existing
+            interface. Users who can't type or read small text get a completely different experience.
+          </li>
+          <li>
+            <strong>In-game NPC</strong> &mdash; drop the agent into a game as a character that actually
+            talks back. Hook the function calling to your game state so it knows what's happening.
+          </li>
+          <li>
+            <strong>Voice-controlled developer tool</strong> &mdash; talk to your build process, your
+            deploy pipeline, your monitoring dashboard. Voice is an unusually good interface for
+            things you want to do hands-free.
+          </li>
+          <li>
+            <strong>Multilingual support</strong> &mdash; Deepgram's STT handles dozens of languages.
+            The LLM can respond in whatever language the user speaks. Global voice interface, almost for free.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Get Help</h2>
+        <p>Building something? Stuck on something? Here's where to find us:</p>
+        <ul>
+          <li><strong>At the event:</strong> the Deepgram booth &mdash; we're here all weekend</li>
+          <li><strong>Docs:</strong> <a href="https://developers.deepgram.com" target="_blank" rel="noopener noreferrer">developers.deepgram.com</a></li>
+          <li><strong>Community:</strong> <a href="https://deepgram.com/discord" target="_blank" rel="noopener noreferrer">Deepgram's Discord</a></li>
+        </ul>
+        <p>
+          The Deepgram challenge prize this weekend goes to the team that builds the most creative
+          voice-powered experience. Come say hi, show us what you're building, and let us know if you
+          want feedback on your voice integration before judging.
+        </p>
+      </section>
+
+      <hr />
+      <a class="back-link" href="/">
+        <i class="fas fa-arrow-left" aria-hidden="true"></i>
+        Back to all talks
+      </a>
+    </main>
+  </body>
+</html>
@@ -54,387 +54,391 @@
    <main>
      <h1>Testimonials</h1>
      <p>See what our past clients have to say about our work!</p>
-      <p>
-        Want to submit your own?
-        <a
-          href="https://forms.nhcarrigan.com/form/M_GrmqASymmO744axMOmu2LaMAaT5F0LmdVcU2c8-gQ"
-          >Use our web form</a
-        >.
-      </p>
+      <p>Want to submit your own? <a href="https://forms.nhcarrigan.com/form/M_GrmqASymmO744axMOmu2LaMAaT5F0LmdVcU2c8-gQ">Use our web form</a>.</p>
      <section>
-        <div class="card">
-          <p class="title">Christine Chapman</p>
-          <p>
-            Our company needed a streamlined way to respond to the community
-            across multiple platforms like Discord and GitHub. Naomi built a
-            streamlined Slack workflow to syndicate messages across the
-            platforms. This enables people like me to easily respond to messages
-            from customers without needing to bounce around to different
-            platforms and makes it easier to track information. A lot of the
-            metadata that gets pulled in is impressive and reflects the quality
-            and detail of Naomi's work. The system "just works", you don't have
-            to think about how or why which is always a great quality in an
-            internal tool. On a separate occasion, my team worked on a project
-            that needed SDK support quite urgently. Naomi had no prior context
-            on the project but dove in and quickly wrote the solution across
-            multiple SDKs, owning it long-term and fixing issues as they arose.
-            This enabled my team to achieve a major milestone.
-          </p>
-          <p class="date">28 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Satyarth Ranjan</p>
-          <p>
-            I had the distinct pleasure of participating in the recent
-            month-long FreeCodeCamp Summer Hackathon, which was impeccably
-            managed by Naomi. Her organizational skills are outstanding. She
-            seamlessly coordinated a global event with over 21 teams,
-            demonstrating remarkable foresight by grouping participants by
-            timezone to foster effective collaboration and implementing a bot to
-            ensure a fair and transparent work environment. Beyond her
-            management abilities, Naomi is a gifted teacher. I was fortunate to
-            learn Git and GitHub from her free, live course just before the
-            event, which equipped me with the essential skills to contribute
-            effectively from day one. Her constant support and availability made
-            a huge difference to all of us. Naomi is an inspiring community
-            manager and educator, and I wholeheartedly recommend her.
-          </p>
-          <p class="date">21 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Abigail Rennemeyer</p>
-          <p>
-            I've worked with Naomi at freeCodeCamp.org for a number of years,
-            and I've always been impressed by her ability to learn absolutely
-            anything. Her intellectual curiosity stands out and allows her to
-            find a problem, tackle it quickly, and resolve it - even if she
-            didn't have prior knowledge of the issue. She's a research pro, and
-            you can always have faith that she's looked at and learned about all
-            sides of an idea or issue. Naomi is also a passionate community
-            organizer, and seems to have boundless energy for helping people
-            learn, find a community, and solve problems. She freely shares
-            information and makes her voice heard, making her a valued and
-            valuable member of any team. She's also incredibly effective at
-            engaging learners/platform users and inspiring them to participate
-            and contribute to whatever initiative she's working on. I've always
-            appreciated Naomi's candour, eloquence, quick wit, and willingness
-            to jump in and help with whatever's needed - crucial in a small
-            non-profit like freeCodeCamp, but undeniably useful anywhere. I
-            don't know if there's anything she can't figure out or strategize
-            about given a little time, and her dedication to her work is truly
-            inspiring.
-          </p>
-          <p class="date">20 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Rex Schrader</p>
-          <p>
-            I have had the pleasure of working alongside Naomi in her Community
-            Manager role at Free Code Camp (FCC). We first worked together on
-            co-building some curriculum for FCC's Quality Assurance
-            certifications. I was impressed by her technical know-how and skill.
-            Her easy going attitude makes her a joy to work with. Since that
-            time I have seen her grow into her role as the Free Code Camp
-            Community Manager. She manages to ride herd over our frequently
-            unruly Discord server, setting the tone for moderators and
-            participants alike. She has built a suite of tools over the years
-            which enable us to moderate at scale, with auditable actions and
-            results. On top of all of this, she planned, created, and judged a
-            complete online Hackathon. She has a series of community events
-            planned going forward to keep the community engaged and learning.
-            Maintaining a community the size of Free Code Camp's Discord is not
-            easy. We have to deal with constant attacks by scammers and
-            spammers, compromised accounts, trolls, and other bad actors.
-            Naomi's tools make navigating these challenges possible, at scale.
-            Additionally, she has a firm commitment to the heath of the
-            community. She is willing to make the hard choices to ban
-            individuals that threaten the health of the community. She is also
-            willing to listen and provide guidance to the merely misguided. I
-            stand in awe of Naomi boundless energy for curating and maintaining
-            such a positive and welcoming space for learning. She combines her
-            technical skill with her care for the community to create a vibrant
-            and fun community. I have nothing but respect and admiration for her
-            ongoing contributions to Free Code Camp.
-          </p>
-          <p class="date">18 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Tihomir Manushev</p>
-          <p>
-            Naomi did amazing job managing the first ever freeCodeCamp
-            hackathon! She is extremely dedicated at everything she does. I've
-            learned a lot during the hackathon and will gladly participate in
-            the next one.
-          </p>
-          <p class="date">16 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Andrew Glass</p>
-          <p>
-            I had the pleasure to work with Naomi at Rythm, who was an absolute
-            treat to work with. Naomi is someone with an incredible warehouse of
-            skills & a wonderful personality to back it up. She's very outspoken
-            with a strong moral compass and really knows how to ensure every
-            project goes the right direction. Naomi was truly a silver bullet
-            for any issues we had. You could ask her for help solving anything
-            and she'd whip up a whole plan in her head in 30 seconds. 400,000
-            member Discord community we need to come up with a resilient system
-            for? Literally no problem at all. Just remember, with great power
-            comes great responsibility, so try not to overwork the poor gal,
-            because she's always eager to take on anything and everything.
-          </p>
-          <p class="date">16 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Luke Sullivan</p>
-          <p>
-            I participated in freeCodeCamp’s 2025 Summer Hackathon, organised
-            and led by Naomi. It was a fantastic experience, and Naomi did an
-            outstanding job of supporting a wide range of participants with
-            diverse needs. Her dedication extended beyond event management — she
-            provided both team and one-on-one coaching sessions to help us
-            prepare for future coding endeavours. I cannot emphasise enough how
-            useful this experience was to me and my team, who ended up with a
-            project we are truly proud of.
-          </p>
-          <p class="date">15 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Mrugesh Mohapatra</p>
-          <p>
-            Naomi is one of the smartest engineers I have worked with. She has a
-            knack for solving complex problems and fostering community growth.
-            Her technical expertise and collaborative spirit have consistently
-            helped our team work at its peak. She is a quick learner and just
-            gets things done. I could not have been more prouder and privileged
-            to work alongside her.
-          </p>
-          <p class="date">15 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Thomas Gooch</p>
-          <p>
-            I had the privilege of working alongside Naomi Carrigan during the
-            Dallas Software Developers Summer Cohort, where she played a pivotal
-            role in supporting the management of multiple teams. Naomi brought a
-            rare blend of technical expertise, organizational insight, and
-            people-first leadership that elevated the entire program. Her
-            ability to seamlessly balance hands-on technical guidance with
-            strategic team coordination ensured that my group not only met their
-            goals but also grew in skill and confidence along the way. Naomi
-            consistently anticipated challenges before they became blockers,
-            provided thoughtful mentorship to developers of all levels, and
-            fostered an environment where collaboration thrived. What impressed
-            me most was Naomi’s combination of high standards and genuine care —
-            she held teams accountable to producing quality work while also
-            making sure individuals felt supported and empowered. Her
-            professionalism, adaptability, and deep well of technical knowledge
-            made her an invaluable part of the cohort’s success. Any
-            organization fortunate enough to have Naomi on board will gain a
-            leader who inspires trust, drives results, and makes a meaningful
-            impact from day one.
-          </p>
-          <p class="date">15 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Pete Lamonica</p>
-          <p>
-            Naomi is a hard working, creative leader who has a remarkable
-            history of building vibrant and supportive communities. As a
-            programmer, she builds software that handles real world challenges
-            and focuses on users’ needs. I’ve seen her ability to leverage a
-            variety of technologies across the stack to solve a diverse set of
-            challenges and adapt and grow her solutions over time. She’s also
-            combined her community leadership skills with her software
-            development skills to help support many other developers as they
-            contribute to her projects and others. Overall, Naomi has an
-            excellent mix of leadership and technical skills that make her a
-            great addition to any team.
-          </p>
-          <p class="date">15 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Qais Zaidalkilani</p>
-          <p>
-            I had the absolute pleasure of working with Naomi at Rythm, and
-            honestly, she was the glue that held so many parts of our operation
-            together. She ran all our Discord bots, handled website
-            integrations, drove community development, and still somehow found
-            time to give us thoughtful advice on how to build and nurture our
-            community. She was also the voice of reason when I’d get a little
-            too excited about something, helping me slow down, think things
-            through, and make better calls. It often felt like the team had a
-            magic button: ask Naomi for something, and before long it would be
-            done, and done right. Everything she delivered was secure, scalable,
-            and polished to perfection. If I had a team full of Naomis, I’m
-            convinced we could take over the world. But the truth is, there’s
-            only one Naomi, and she’s that unique, that talented, and that good.
-            Any team lucky enough to have her will feel the difference
-            immediately.
-          </p>
-          <p class="date">15 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Ariel Thompson</p>
-          <p>
-            I've known Naomi through freeCodeCamp since she herself was a
-            student. I remain impressed by how quickly she was able to go from a
-            novice to having professionally competitive programming skills. She
-            learns astonishingly quickly because she is focused, tenacious, and
-            pragmatic. If she wants to accomplish something, she will simply
-            figure out how to make it happen. This is not only true of gaining
-            technical skills, but also pursuing high-level goals. Her efforts to
-            build a social community, for example, has led her to effectively
-            become the public face of freeCodeCamp. If I ever get the
-            opportunity to work with Naomi professionally, I will take it
-            without hesitation.
-          </p>
-          <p class="date">14 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">John Vajda</p>
-          <p>
-            Naomi is an exceptional engineer and an inspiring community leader,
-            bringing a rare combination of deep technical expertise and
-            community management skills. She approaches every project with
-            enthusiasm, creativity, and a collaborative spirit, making her an
-            invaluable teammate. Any team would be fortunate to have her
-            contributions and leadership.
-          </p>
-          <p class="date">14 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Nielda Karlo Melo</p>
-          <p>
-            Naomi is one of the most competent professionals I have had the
-            pleasure of working with. She has an exceptional presence, giving
-            the impression of being everywhere at once, and her attention to
-            detail is remarkable. She is able to identify subtle points and gaps
-            in reasoning that others might miss and point that out in a
-            respectful way. Naomi is not one to avoid difficult conversations.
-            She expresses her opinions with clarity, confidence, and
-            thoughtfulness. Her work on freeCodeCamp’s Discord, in addition to
-            the many other code-related contributions she has made, is nothing
-            short of impressive. She has kept the community engaged, planned
-            events that people genuinely want to attend, and led the management
-            of the entire space. Thanks to her leadership, the community has
-            become a respectful, welcoming, and valuable place to be a part of.
-            Any team would be fortunate to have Naomi’s expertise, dedication,
-            and leadership.
-          </p>
-          <p class="date">14 August 2025</p>
-        </div>
-        <div class="card">
-          <p class="title">Alexis Madsen</p>
-          <p>
-            Naomi always had the knowledge and information for nearly every
-            question I ever had. It was such an honour to work with her, and
-            anyone would be lucky to have the chance for her to work with you or
-            your team.
-          </p>
-          <p class="date">28 October 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Chris Ohman</p>
-          <p>
-            Naomi's erudition on just about every development topic under the
-            sun, expediency at completing massive technical undertakings solo,
-            and undeniable passion for the work she does is an ever-present joy
-            and boon for any organization lucky enough to work with her. As an
-            example, Naomi composed an extensive and accessible DB comprising
-            all available traits and behaviors of our Users, whipped up an
-            extremely user-friendly API that our team of end-users could utilize
-            seamlessly, and regularly developed additional clever dataflows for
-            very particular asks. Every aspect of this work was done impeccably
-            and frictionlessly, and that's just one of the dozens of projects
-            she developed with our team during the time I worked alongside her.
-            As brilliant as Naomi is, she's also humble, hilarious, and an
-            all-around aspirational figure to all people looking to find true
-            passion for themselves alongside professional success. I strive to
-            be more like her, and I know I'm not alone in that.
-          </p>
-          <p class="date">27 September 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Alix Takada Sharp</p>
-          <p>
-            Naomi is an incredibly dynamic and resourceful professional, always
-            ready with a multitude of solutions for any challenge. Her
-            problem-solving skills are like watching a masterful sequence
-            unfold, earning her the well-deserved nickname 'the technomancer.'
-            Naomi's strong educational background is evident in her clear and
-            concise explanations, making complex concepts easily understandable.
-            She excels in communication, ensuring that everyone feels valued and
-            integral to the team. Naomi is truly the glue that holds any team
-            together. Adding her to your team will be a decision you won't
-            regret.
-          </p>
-          <p class="date">15 July 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Kaitlyn Nichols</p>
-          <p>
-            She is a dedicated programmer and spends most of her time either
-            making bots, or coding. She has an excellent work ethic and goes
-            until she is satisfied with the end product.
-          </p>
-          <p class="date">30 May 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Katey Berry</p>
-          <p>
-            I've worked alongside Naomi on a number of projects, and it is
-            always a blessing to have her on the team. She is knowledgable,
-            reliable, and always willing to jump in with creative and efficient
-            engineering solutions to complex workflow problems. Naomi is also
-            such a patient teacher, effectively explaining how things work and
-            enabling others to become more independent. I always look forward to
-            working with Naomi, and recommend you work with her if you have the
-            opportunity!
-          </p>
-          <p class="date">14 May 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Francez Urmatan</p>
-          <p>
-            Naomi is an absolute trailblazer, and is an amazing person to work
-            with! Naomi is humorous and also has an amazing attitude to work
-            with. Her ability to solve complex problems efficiently astounds me.
-            Not only does she demonstrate outstanding technical knowledge, but
-            also does an amazing job at elucidating her needs as an engineer.
-            She is a very warm person and quite easy to work with. Naomi is
-            immensely perceptive and very calculated with what she does. Naomi
-            would make an excellent addition to any company that is lucky enough
-            to hire her!
-          </p>
-          <p class="date">2 May 2024</p>
-        </div>
-        <div class="card">
-          <p class="title">Danny Thompson</p>
-          <p>
-            If you need a problem solver, look at Naomi. Naomi is a fantastic
-            part of the online tech community by teaching and offering help to
-            beginners on their journeys into tech. She has created some great
-            solutions and is a consistent learner. Naomi has led initiatives
-            using Javascript and front-end technologies to produce finished
-            products within a volunteer position. Highly recommend Naomi to any
-            team.
-          </p>
-          <p class="date">6 July 2023</p>
-        </div>
-        <div class="card">
-          <p class="title">Eddie Jaoude</p>
-          <p>
-            Naomi has done a fantastic job in creating Becca Bot, which is an
-            integral part in managing the EddieHub Discord Community. As founder
-            of EddieHub, Naomi is super helpful to all Community members and an
-            excellent moderator, from our text channels to audio calls and live
-            streams. Naomi demonstrates an excellent technical knowledge and is
-            always keen to share this with the community.
-          </p>
-          <p class="date">30 June 2023</p>
-        </div>
+
+<div class="card">
+  <p class="title">Frances (paraphrased from dm)</p>
+  <p>I have seen how much constant work you've done; all the kindness, inspiration, and positive energy you've poured into each of us through the years. The online world can be so cold, fake, and uncaring, but I feel your graciousness, warmth, and tenderness through your constancy, words, and patience. Thank you, basically, for being you. You've been a constant example of doing good work.</p>
+  <p class="date">18 April 2026</p>
+</div>
+<div class="card">
+  <p class="title">TR</p>
+  <p>OMG Naomi is *thee* GOAT Discord Community Creater. My name is TR (tEE ARe) and I came by here by way of FreeCodeCamp server.... which is the only Learning-based community on discord that actually knows how to use Discord. At that is All Naomi's doing. And on top of that She has has the **monster-shoe** 👠 of blinged out Profiles, and this Server to boot 🫭. Way impressed. 🙏 plz teach me 0--venerable guru!❣️</p>
+  <p class="date">2 April 2026</p>
+</div>
+<div class="card">
+  <p class="title">Rain</p>
+  <p>Happy Trans Day, Naomi 🏳️‍⚧️🤍
+
+I love you so much. You're a true blessing, and I hope you know how amazing you are.
+
+This server means a lot to so many people. I've heard from others how safe they feel here…something they don't always experience in other spaces. That's because of the environment you've created.
+
+You're a great inspiration to many developers finding their place in this world. Seeing a trans woman thrive in a male-dominated space is incredibly powerful. Your presence alone is motivating.</p>
+  <p class="date">1 April 2026</p>
+</div>
+<div class="card">
+  <p class="title">minjo70</p>
+  <p>Praise be to you Great One! Our incredible Naomi, who we adore all moments of our time awake. And in our dreams may you persist with sweet laughter and joy. Your chaos, your memory live in our souls.</p>
+  <p class="date">31 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">Velo</p>
+  <p>Proud to be part of this community—thank you, Naomi, for everything you do</p>
+  <p class="date">31 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">roseaboveit</p>
+  <p>Especially in a learning space what is most important actually is the modeling you do for the learning environment you are cultivating. In this case when you overdo it modeling how to step back and recalibrate with the community and during that recalibration evaluate your systems to provide buffer for yourself to decrease the odds that future recalibrations will be necessary. People going above and beyond is how workers get exploited and in learning spaces it is good to model the tools folks need to be able to represent themselves and fight for their own needs in a world where people will be constantly pushing for more.
+
+Thanks Naomi for all that you do. Everything will be fine. People have a bunch of free resources available to them while you recalibrate and there are plenty of additional places they can get supplementation if that is required and they can't wait. It is good leadership to say no to things that are unsustainable.</p>
+  <p class="date">26 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">Wildfire</p>
+  <p>I may not know you and you may not know me, but I am very glad you're still here ❤️ you are light to many people in this server!</p>
+  <p class="date">17 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">Anny</p>
+  <p>I hate being at war. it makes international womens day harder to feel like celebrating. being stuck in a bomb shelter sucks... but at least i get some time to study work towards finding a place in tech as a developer. Mama Naomi, you are so right about how far we've come, and how far we still have to go.</p>
+  <p class="date">8 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">blairingmysoul.bsky.social</p>
+  <p>I'm glad so many others appreciate the community you've built.👏💖</p>
+  <p class="date">4 March 2026</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I just finished reading the report. Excellent work, Naomi. This seems to reinforce our instincts that we just want Socrates to give feedback on code, and we want to position it as a tool that helps you get unstuck without risking learned helplessness or backsliding on your skills.</p>
+  <p class="date">26 February 2026</p>
+</div>
+<div class="card">
+  <p class="title">Wildfire</p>
+  <p>I know, you were kind to me a while ago, you gave me the confidence to share my project in this community, which I did. Because of your kind words to me. 💜</p>
+  <p class="date">25 February 2026</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Thanks Naomi. Firstly, keep up the good work on the spring cohort. It has been amazing to see contributions and meaningful engagement from first-timers. No one gets that done better than you!</p>
+  <p class="date">20 February 2026</p>
+</div>
+<div class="card">
+  <p class="title">Quincy Larson</p>
+  <p>Naomi is extremely good at finding opportunities to improve our platform and our community that nobody has even thought of. She's also adept at explaining those ideas, implementing them, and rallying other team members to help her making them a reality. She's a massive asset to the freeCodeCamp community and to our charity's developer staff.</p>
+  <p class="date">10 February 2026</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos Naomi for picking it up while I was out sick thank you ❤️</p>
+  <p class="date">17 January 2026</p>
+</div>
+<div class="card">
+  <p class="title">Isaac</p>
+  <p>I would like to shout out Naomi. Lowkey, she carries a lot of work here. She took time to organize events for online, she's constantly offering help to everyone, her bots are actively used in the server. And beyond what she does for us, she's always ready to stand up for anyone who she feels she needs to. Naomi, you are an amazing human being! We are grateful to have you in this community</p>
+  <p class="date">19 December 2025</p>
+</div>
+<div class="card">
+  <p class="title">Hanna Rose</p>
+  <p>Naomi is an extremely hard working individual who knows no bounds but her own. She constantly pushes herself and her team to do they best they can and ensures the results she delivers is as high quality as possible. With resilient determination and outstanding coordination and leadership skills, there is no one else that could even remotely match her level of talent.</p>
+  <p class="date">5 December 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>And also Naomi for all the work you did on the SDKs too! [These were an SDK delivered under a tight deadline for support of a new platform]</p>
+  <p class="date">5 December 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Naomi and a colleague rotated dozens and dozens and dozens of credentials while ensuring as many tools as possible could stay functional through the holiday weekend. They used their deep knowledge of version control systems to recommend paths forward, and proactively thought of additional ways we can increase security within our repos. Naomi and her colleague were also on the call Wednesday night for hours and went on to complete many, many tasks throughout the long weekend. Kudos to Naomi and colleagues for diligently combing through our repos and undoing the erroneous changes.</p>
+  <p class="date">1 December 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Naomi hustled this weekend and churned out a working SDK that supports a new platform integration, and documentation too! Let's give a round of applause for the teamwork!</p>
+  <p class="date">24 November 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>We've had a lot of help along the way, including the tireless work colleagues like Naomi have put into making this happen, plus short-order efforts from engineering teams (including Naomi) to get our SDKs ready for this product launch.</p>
+  <p class="date">21 November 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I wanted to give some BIG shout Kudos to both Naomi and a colleague for the amazing work they both did to re-architect our API Specs! I just contributed my first change to the new architecture and it's much easier to grok and navigate now. Our first version of the API Spec was near and dear to my heart as I did a lot of work on it, but this new version is 1000 times better! Here's to constantly improving our developer experience both internally and externally!</p>
+  <p class="date">15 October 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>big kudos to the many deeply involved teams taking this to launch during crunch time -- DX (including Naomi) [the rest has been removed for privacy]</p>
+  <p class="date">3 October 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Just want to send major kudos to colleagues for managing the busy editorial workflow, helping buffer posts, and to Naomi for posting to Instagram while I was away! Couldn't have done it without you all - so THANK YOU! Y'all are awesome!!</p>
+  <p class="date">3 October 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Naomi built our incredible syndicated community help channel which among other things made it easy for us to see customer feedback and help customers more quickly. Naomi ramped up incredibly quickly and took on a breadth of projects across the org. You'll see her work leading the information architecture changes for new product docs and launching the new product demos, casually addressing an infra issue (on launch day). You'll see her making critical SDK changes across many languages. You'll see her being calm and considerate even under pressure. I'm very grateful for her SDK work on temp keys which enabled many critical customers to launch with token-based auth. This project was an early opportunity to see Naomi shine, she took on something complex and ambiguous so quickly and confidently and was an excellent collaborator throughout.  Inside and outside the org she is a community builder, actively trying to build community and connection in many different ways while putting inclusion at the forefront. I also loved her presentation for Pride month this year.</p>
+  <p class="date">3 October 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I wanted to give a shout out to Naomi who is always so patient when I ask her about complex GIT situations I "git" myself into. Whether it's a funky rebase or major merge conflicts she always has the answers and is soooo helpful.</p>
+  <p class="date">26 September 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos to Naomi for all of the initiatives on Discord. The community is really thriving and it is bringing more engagement to the organization!</p>
+  <p class="date">11 September 2025</p>
+</div>
+<div class="card">
+  <p class="title">Christine Chapman</p>
+  <p>Our company needed a streamlined way to respond to the community across multiple platforms like Discord and GitHub. Naomi built a streamlined Slack workflow to syndicate messages across the platforms. This enables people like me to easily respond to messages from customers without needing to bounce around to different platforms and makes it easier to track information. A lot of the metadata that gets pulled in is impressive and reflects the quality and detail of Naomi's work. The system "just works", you don't have to think about how or why which is always a great quality in an internal tool. On a separate occasion, my team worked on a project that needed SDK support quite urgently. Naomi had no prior context on the project but dove in and quickly wrote the solution across multiple SDKs, owning it long-term and fixing issues as they arose. This enabled my team to achieve a major milestone.</p>
+  <p class="date">28 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Satyarth Ranjan</p>
+  <p>I had the distinct pleasure of participating in the recent month-long FreeCodeCamp Summer Hackathon, which was impeccably managed by Naomi. Her organizational skills are outstanding. She seamlessly coordinated a global event with over 21 teams, demonstrating remarkable foresight by grouping participants by timezone to foster effective collaboration and implementing a bot to ensure a fair and transparent work environment. Beyond her management abilities, Naomi is a gifted teacher. I was fortunate to learn Git and GitHub from her free, live course just before the event, which equipped me with the essential skills to contribute effectively from day one. Her constant support and availability made a huge difference to all of us. Naomi is an inspiring community manager and educator, and I wholeheartedly recommend her.</p>
+  <p class="date">21 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Abigail Rennemeyer</p>
+  <p>I've worked with Naomi at freeCodeCamp.org for a number of years, and I've always been impressed by her ability to learn absolutely anything. Her intellectual curiosity stands out and allows her to find a problem, tackle it quickly, and resolve it - even if she didn't have prior knowledge of the issue. She's a research pro, and you can always have faith that she's looked at and learned about all sides of an idea or issue. Naomi is also a passionate community organizer, and seems to have boundless energy for helping people learn, find a community, and solve problems. She freely shares information and makes her voice heard, making her a valued and valuable member of any team. She's also incredibly effective at engaging learners/platform users and inspiring them to participate and contribute to whatever initiative she's working on. I've always appreciated Naomi's candour, eloquence, quick wit, and willingness to jump in and help with whatever's needed - crucial in a small non-profit like freeCodeCamp, but undeniably useful anywhere. I don't know if there's anything she can't figure out or strategize about given a little time, and her dedication to her work is truly inspiring.</p>
+  <p class="date">20 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Rex Schrader</p>
+  <p>I have had the pleasure of working alongside Naomi in her Community Manager role at Free Code Camp (FCC). We first worked together on co-building some curriculum for FCC's Quality Assurance certifications. I was impressed by her technical know-how and skill. Her easy going attitude makes her a joy to work with. Since that time I have seen her grow into her role as the Free Code Camp Community Manager. She manages to ride herd over our frequently unruly Discord server, setting the tone for moderators and participants alike. She has built a suite of tools over the years which enable us to moderate at scale, with auditable actions and results. On top of all of this, she planned, created, and judged a complete online Hackathon. She has a series of community events planned going forward to keep the community engaged and learning. Maintaining a community the size of Free Code Camp's Discord is not easy. We have to deal with constant attacks by scammers and spammers, compromised accounts, trolls, and other bad actors. Naomi's tools make navigating these challenges possible, at scale. Additionally, she has a firm commitment to the heath of the community. She is willing to make the hard choices to ban individuals that threaten the health of the community. She is also willing to listen and provide guidance to the merely misguided. I stand in awe of Naomi boundless energy for curating and maintaining such a positive and welcoming space for learning. She combines her technical skill with her care for the community to create a vibrant and fun community. I have nothing but respect and admiration for her ongoing contributions to Free Code Camp.</p>
+  <p class="date">18 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Tihomir Manushev</p>
+  <p>Naomi did amazing job managing the first ever freeCodeCamp hackathon! She is extremely dedicated at everything she does. I've learned a lot during the hackathon and will gladly participate in the next one.</p>
+  <p class="date">16 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Andrew Glass</p>
+  <p>I had the pleasure to work with Naomi at Rythm, who was an absolute treat to work with. Naomi is someone with an incredible warehouse of skills & a wonderful personality to back it up. She's very outspoken with a strong moral compass and really knows how to ensure every project goes the right direction. Naomi was truly a silver bullet for any issues we had. You could ask her for help solving anything and she'd whip up a whole plan in her head in 30 seconds. 400,000 member Discord community we need to come up with a resilient system for? Literally no problem at all. Just remember, with great power comes great responsibility, so try not to overwork the poor gal, because she's always eager to take on anything and everything.</p>
+  <p class="date">16 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Luke Sullivan</p>
+  <p>I participated in freeCodeCamp’s 2025 Summer Hackathon, organised and led by Naomi. It was a fantastic experience, and Naomi did an outstanding job of supporting a wide range of participants with diverse needs. Her dedication extended beyond event management — she provided both team and one-on-one coaching sessions to help us prepare for future coding endeavours. I cannot emphasise enough how useful this experience was to me and my team, who ended up with a project we are truly proud of.</p>
+  <p class="date">15 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Mrugesh Mohapatra</p>
+  <p>Naomi is one of the smartest engineers I have worked with. She has a knack for solving complex problems and fostering community growth. Her technical expertise and collaborative spirit have consistently helped our team work at its peak. She is a quick learner and just gets things done. I could not have been more prouder and privileged to work alongside her.</p>
+  <p class="date">15 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Thomas Gooch</p>
+  <p>I had the privilege of working alongside Naomi Carrigan during the Dallas Software Developers Summer Cohort, where she played a pivotal role in supporting the management of multiple teams. Naomi brought a rare blend of technical expertise, organizational insight, and people-first leadership that elevated the entire program. Her ability to seamlessly balance hands-on technical guidance with strategic team coordination ensured that my group not only met their goals but also grew in skill and confidence along the way. Naomi consistently anticipated challenges before they became blockers, provided thoughtful mentorship to developers of all levels, and fostered an environment where collaboration thrived. What impressed me most was Naomi’s combination of high standards and genuine care — she held teams accountable to producing quality work while also making sure individuals felt supported and empowered. Her professionalism, adaptability, and deep well of technical knowledge made her an invaluable part of the cohort’s success. Any organization fortunate enough to have Naomi on board will gain a leader who inspires trust, drives results, and makes a meaningful impact from day one.</p>
+  <p class="date">15 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Pete Lamonica</p>
+  <p>Naomi is a hard working, creative leader who has a remarkable history of building vibrant and supportive communities. As a programmer, she builds software that handles real world challenges and focuses on users’ needs. I’ve seen her ability to leverage a variety of technologies across the stack to solve a diverse set of challenges and adapt and grow her solutions over time. She’s also combined her community leadership skills with her software development skills to help support many other developers as they contribute to her projects and others. Overall, Naomi has an excellent mix of leadership and technical skills that make her a great addition to any team.</p>
+  <p class="date">15 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Qais Zaidalkilani</p>
+  <p>I had the absolute pleasure of working with Naomi at Rythm, and honestly, she was the glue that held so many parts of our operation together. She ran all our Discord bots, handled website integrations, drove community development, and still somehow found time to give us thoughtful advice on how to build and nurture our community. She was also the voice of reason when I’d get a little too excited about something, helping me slow down, think things through, and make better calls. It often felt like the team had a magic button: ask Naomi for something, and before long it would be done, and done right. Everything she delivered was secure, scalable, and polished to perfection. If I had a team full of Naomis, I’m convinced we could take over the world. But the truth is, there’s only one Naomi, and she’s that unique, that talented, and that good. Any team lucky enough to have her will feel the difference immediately.</p>
+  <p class="date">15 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Ariel Thompson</p>
+  <p>I've known Naomi through freeCodeCamp since she herself was a student. I remain impressed by how quickly she was able to go from a novice to having professionally competitive programming skills. She learns astonishingly quickly because she is focused, tenacious, and pragmatic. If she wants to accomplish something, she will simply figure out how to make it happen. This is not only true of gaining technical skills, but also pursuing high-level goals. Her efforts to build a social community, for example, has led her to effectively become the public face of freeCodeCamp. If I ever get the opportunity to work with Naomi professionally, I will take it without hesitation.</p>
+  <p class="date">14 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">John Vajda</p>
+  <p>Naomi is an exceptional engineer and an inspiring community leader, bringing a rare combination of deep technical expertise and community management skills. She approaches every project with enthusiasm, creativity, and a collaborative spirit, making her an invaluable teammate. Any team would be fortunate to have her contributions and leadership.</p>
+  <p class="date">14 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Nielda Karla Melo</p>
+  <p>Naomi is one of the most competent professionals I have had the pleasure of working with. She has an exceptional presence, giving the impression of being everywhere at once, and her attention to detail is remarkable. She is able to identify subtle points and gaps in reasoning that others might miss and point that out in a respectful way. Naomi is not one to avoid difficult conversations. She expresses her opinions with clarity, confidence, and thoughtfulness. Her work on freeCodeCamp’s Discord, in addition to the many other code-related contributions she has made, is nothing short of impressive. She has kept the community engaged, planned events that people genuinely want to attend, and led the management of the entire space. Thanks to her leadership, the community has become a respectful, welcoming, and valuable place to be a part of. Any team would be fortunate to have Naomi’s expertise, dedication, and leadership.</p>
+  <p class="date">14 August 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos to our amazing applied engineering and developer experience teams for the incredible amount of multifaceted work they do with small crews - the context switching, the ability to toggle between human and machine interfacing, and helping the non-engineering folks (like us in marketing) to create authentic experiences with our very technical users. We are working with HIGHLY visible influencers, launching all kinds of campaigns and collaborating with partners/customers to stand up dev-facing events and your input and support puts the R in ROI. Extra thank you to Naomi and colleagues.</p>
+  <p class="date">23 July 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Quick shout out to a colleague and Naomi today for a late night hot fix and lighting fast review (7 mins!) for our NodeJS SDK to get audio streaming working with the latest React (5+). Release - v4.9.1 updates our webpack support for modern JS bundlers (Vite, React App v5+, Next.js) to fix streaming audio through the browser. This helped unblock an important prospect that would impact other important buyers in that market. Great bias for action, and tight teamwork all around, bravo!</p>
+  <p class="date">9 July 2025</p>
+</div>
+<div class="card">
+  <p class="title">jake-haver-of-catz.bsky.social</p>
+  <p>This morning I had my mind melted with a run through of @github.com by freeCodeCamp super champion, Naomi! Super grateful for this workshop to get our feet wet before we need to use this to collaborate on our projects in a few days! AH! Day 219/365 #code365 #goOnGit #100devs #freeCodeCamp</p>
+  <p class="date">30 June 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I want to give BIG kudos to Naomi and colleagues for their strength, bravery and love they shared with all of us today! What a tremendous presentation full of passion, information and dedication!</p>
+  <p class="date">26 June 2025</p>
+</div>
+<div class="card">
+  <p class="title">paddle</p>
+  <p>Thanks for the update! It sounds like you've put a lot of effort into enhancing our Discord community. The events you mentioned, especially the mentorship sessions and accountability calls, sound like great opportunities for everyone to connect and improve their skills. I think the feedback channel is a fantastic idea, too. It'll be really helpful for gathering ideas directly from members. I'm looking forward to seeing how these changes will make our community even more engaging. Keep up the great work!</p>
+  <p class="date">24 May 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I want to give some big Kudos to Naomi and a colleague for all the great developer experience work they did last week while many of us were travelling. Naomi pushed forward with internal chatbot development, which is a company-centric Slack Bot that uses our knowledge base to answer questions. This bot is available in our current Slack Workspace now! Long Term we want to make it available to our customers to install in their own workspaces so they can get their questions answered quickly. It will eventually be Voice Enabled using our Voice API, which means customers would authenticate and make API requests to use Voice features</p>
+  <p class="date">22 May 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos to a colleague and Naomi for all their work on docs and SDKs for a major product release. This involved a LOT of moving parts and the colleague really brought it together nicely.</p>
+  <p class="date">9 May 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Your product is only as good as your onboarding, and the Console team and developer experience teams have worked tirelessly amidst many changes to ensure we're putting our best foot forward. Thank you to Naomi and all the dedicated colleagues who made this possible.</p>
+  <p class="date">15 April 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos to a colleague and Naomi for making the community scores really easy to calculate with Slack commands and spreadsheets</p>
+  <p class="date">2 April 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I want to give some kudos to colleagues on the developer experience team - including Naomi - for coming up with a Community Engagement contest. I LOVE this idea for getting team members more involved in helping users of our product (especially developers) find the answers they need in our community (Discord, Github discussions, etc). I know as a team member, it's always challenging to find time to help out in the community, but I think this contest and the monetary reward could be very motivating! And since I'm working on a different team at the moment, making me eligible to win the contest, I'm really looking forward to all the Amazon gift cards I'll soon be getting.</p>
+  <p class="date">5 March 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>A big kudos is deserved to a small but mighty group of individuals that championed our docs migration, including Naomi and several colleagues. There's a lot of pressure with a switch like this, because docs are a source of truth. One mistake and you've impacted thousands of companies. Sounds easy, right? They took on a very quick timeline and a number of changes as part of the effort - thinking about an elegant way to present our platform, creating an OpenAPI spec from scratch for all of our APIs, and then accounting for all the many many little details to make the whole switch successful. That OpenAPI spec is really exciting too because it enables our customers to build faster, sets us up to jump into the Postman community, and it also creates a foundation for us to automate our SDK development. Thank you for getting us to this major milestone</p>
+  <p class="date">20 February 2025</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>I wanted to give big kudos to Naomi and a colleague for the AMAZING job they've done to help automate our Community support. Our community help channel has streamlined our ability to engage with users on Github Discussions and Discord helping us deliver a stellar community experience driving ARR and reduce customer churn.</p>
+  <p class="date">8 November 2024</p>
+</div>
+<div class="card">
+  <p class="title">Alexis Madsen</p>
+  <p>Naomi always had the knowledge and information for nearly every question I ever had. It was such an honour to work with her, and anyone would be lucky to have the chance for her to work with you or your team.</p>
+  <p class="date">28 October 2024</p>
+</div>
+<div class="card">
+  <p class="title">Chris Ohman</p>
+  <p>Naomi's erudition on just about every development topic under the sun, expediency at completing massive technical undertakings solo, and undeniable passion for the work she does is an ever-present joy and boon for any organization lucky enough to work with her. As an example, Naomi composed an extensive and accessible DB comprising all available traits and behaviors of our Users, whipped up an extremely user-friendly API that our team of end-users could utilize seamlessly, and regularly developed additional clever dataflows for very particular asks. Every aspect of this work was done impeccably and frictionlessly, and that's just one of the dozens of projects she developed with our team during the time I worked alongside her. As brilliant as Naomi is, she's also humble, hilarious, and an all-around aspirational figure to all people looking to find true passion for themselves alongside professional success. I strive to be more like her, and I know I'm not alone in that.</p>
+  <p class="date">27 September 2024</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Kudos to colleagues for leading the SDKs, all the guides, and providing expert knowledge on audio and frameworks. And all of the developer experience team including Naomi for supporting all things with our GA launch, testing our websockets, providing guidance, and more!</p>
+  <p class="date">18 September 2024</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>HUGE mysterious kudos to Naomi. I won't say why, hopefully you'll all see it very very soon. Naomi and I have been working together in open source and other communities for a few years now. I knew when we needed to build something amazing, she'd knock it out of the park.</p>
+  <p class="date">13 September 2024</p>
+</div>
+<div class="card">
+  <p class="title">Internal Feedback (Anonymised for privacy)</p>
+  <p>Naomi is relentlessly working to automate our Community and helping to alleviate some Tier 1 support overhead so the developer experience team can continue to deliver on our commitments and provide as much value to our organization and our users as possible.</p>
+  <p class="date">28 August 2024</p>
+</div>
+<div class="card">
+  <p class="title">Alix Takada Sharp</p>
+  <p>Naomi is an incredibly dynamic and resourceful professional, always ready with a multitude of solutions for any challenge. Her problem-solving skills are like watching a masterful sequence unfold, earning her the well-deserved nickname 'the technomancer.' Naomi's strong educational background is evident in her clear and concise explanations, making complex concepts easily understandable. She excels in communication, ensuring that everyone feels valued and integral to the team. Naomi is truly the glue that holds any team together. Adding her to your team will be a decision you won't regret.</p>
+  <p class="date">15 July 2024</p>
+</div>
+<div class="card">
+  <p class="title">Kaitlyn Nichols</p>
+  <p>She is a dedicated programmer and spends most of her time either making bots, or coding. She has an excellent work ethic and goes until she is satisfied with the end product.</p>
+  <p class="date">30 May 2024</p>
+</div>
+<div class="card">
+  <p class="title">Katey Berry</p>
+  <p>I've worked alongside Naomi on a number of projects, and it is always a blessing to have her on the team. She is knowledgable, reliable, and always willing to jump in with creative and efficient engineering solutions to complex workflow problems. Naomi is also such a patient teacher, effectively explaining how things work and enabling others to become more independent. I always look forward to working with Naomi, and recommend you work with her if you have the opportunity!</p>
+  <p class="date">14 May 2024</p>
+</div>
+<div class="card">
+  <p class="title">Francez Urmatan</p>
+  <p>Naomi is an absolute trailblazer, and is an amazing person to work with! Naomi is humorous and also has an amazing attitude to work with. Her ability to solve complex problems efficiently astounds me. Not only does she demonstrate outstanding technical knowledge, but also does an amazing job at elucidating her needs as an engineer. She is a very warm person and quite easy to work with. Naomi is immensely perceptive and very calculated with what she does. Naomi would make an excellent addition to any company that is lucky enough to hire her!</p>
+  <p class="date">2 May 2024</p>
+</div>
+<div class="card">
+  <p class="title">plamoni</p>
+  <p>Note that Naomi has been coding for like 3 years now. I've been coding for 30 years and have nothing public that's anywhere near as good as this project. So realize that Naomi is a bit of an outlier with this and you shouldn't feel like you have to hit this bar to be successful. 🙂</p>
+  <p class="date">30 September 2023</p>
+</div>
+<div class="card">
+  <p class="title">Danny Thompson</p>
+  <p>If you need a problem solver, look at Naomi. Naomi is a fantastic part of the online tech community by teaching and offering help to beginners on their journeys into tech. She has created some great solutions and is a consistent learner. Naomi has led initiatives using Javascript and front-end technologies to produce finished products within a volunteer position. Highly recommend Naomi to any team.</p>
+  <p class="date">6 July 2023</p>
+</div>
+<div class="card">
+  <p class="title">Eddie Jaoude</p>
+  <p>Naomi has done a fantastic job in creating Becca Bot, which is an integral part in managing the EddieHub Discord Community. As founder of EddieHub, Naomi is super helpful to all Community members and an excellent moderator, from our text channels to audio calls and live streams. Naomi demonstrates an excellent technical knowledge and is always keen to share this with the community.</p>
+  <p class="date">30 June 2023</p>
+</div>
+<div class="card">
+  <p class="title">blackpug</p>
+  <p>Wow, that is an incredible explanation [of a complex regex concept], thank you so much for taking the time to explain it in so much detail. I learned so much from the answer you provided. This is brilliant.</p>
+  <p class="date">25 April 2023</p>
+</div>
+<div class="card">
+  <p class="title">BigBonBon</p>
+  <p>Shout out to Naomi for making it feel less daunting to talk/engage with people over discord.</p>
+  <p class="date">29 August 2022</p>
+</div>
+<div class="card">
+  <p class="title">Luke Oliff</p>
+  <p>Naomi is a career switching ~~future~~ open source star. When I first met Naomi she was still looking for her first full-time tech role, and now she is an engineer for one of the most important free spaces for folks looking to get into tech, freeCodeCamp. Follow for great takes, great content, and great open source projects!</p>
+  <p class="date">8 March 2022</p>
+</div>
+<div class="card">
+  <p class="title">plamoni</p>
+  <p>Notably, Naomi is a bit of a rock-star with this stuff. She is clearly keeping a ton of plates spinning and getting a lot done. It's hard *not* to notice it.
+
+If you can be 50% as engaged as she is, you'll be absolutely fine. 😄</p>
+  <p class="date">2 March 2022</p>
+</div>
+<div class="card">
+  <p class="title">GDG Memphis</p>
+  <p>[Naomi Carrigan] is a developer at freeCodeCamp. Primarily working in TypeScript, she has built CLI tools, curriculum content, APIs, and Discord bots. She is very passionate about open source and community building, and has helped shape and guide multiple OSS communities and developers.</p>
+  <p class="date">21 September 2021</p>
+</div>
+<div class="card">
+  <p class="title">manuarora</p>
+  <p>Today I wrote my first blog for freeCodeCamp publication. I'm thankful to you for letting me know that I could do something like this.</p>
+  <p class="date">18 August 2021</p>
+</div>
+<div class="card">
+  <p class="title">procz</p>
+  <p>hey! just wanted to take a minute to thank Naomi, and probably some other people i'm forgetting, as well as freeCodeCamp in general, for all the help in the past few months, finally got my first job in the industry and your help really made it easier 🙂</p>
+  <p class="date">9 April 2021</p>
+</div>
+<div class="card">
+  <p class="title">Jessica Wilkins</p>
+  <p>I decided to reach out to [Naomi Carrigan] who is a freeCodeCamp developer and moderator. She had a service for code review sessions on her website and I wanted her to take a look at my code. The code review session was very valuable and I learned a lot about how to make the site even better.</p>
+  <p class="date">3 February 2021</p>
+</div>
+<div class="card">
+  <p class="title">lilykhan</p>
+  <p>[In a year-end reflection on learning to code:] A few amazing people who made this year amazing and to whom I'm so thankful for — [including Naomi]. They never said I'm not good enough, and they all encourage me to try out new stuff and to give my best shot. They trust in me even when I don't trust in myself.</p>
+  <p class="date">31 December 2020</p>
+</div>
+<div class="card">
+  <p class="title">codeofdreams</p>
+  <p>[While seeking help debugging a JavaScript project:] I would appreciate your assistance and input. You are my favorite moderator. Thank you!</p>
+  <p class="date">12 August 2020</p>
+</div>
      </section>
    </main>
  </body>
 </html>
+
Author	SHA1	Message	Date
hikari	97fce9945d	feat: add events and talks pages Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m1s Details	2026-06-24 20:20:11 -07:00
hikari	995b523afd	feat(testimonials): add testimonial from Frances Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m3s Details	2026-06-10 22:29:17 -07:00
hikari	cd3645dbc4	feat(socials): add active platforms and regroup by category Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 51s Details 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.	2026-06-10 22:28:00 -07:00
hikari	007ac1fad8	feat: overhaul socials page with updated accounts and disclaimer Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 53s Details 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.	2026-04-20 12:53:44 -07:00
hikari	f7350a498f	feat: add grimoire page with twelve spells Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 52s Details	2026-04-20 09:53:57 -07:00
naomi	ea22087164	feat: new meme, apply styles Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 2m5s Details	2026-04-19 12:43:33 -07:00
naomi	2aef274297	feat: add meme page~ Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 56s Details	2026-04-19 11:35:30 -07:00
hikari	8c958a2f71	feat: site-wide content and feature updates (#2 ) Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 2m7s Details A wide-ranging set of updates across multiple pages that accumulated over time. ## Tarot - Expanded spread descriptions and added "good for" guidance to help users pick the right spread - Cards now start face-down and flip individually on click, with a synthesised flip sound and text fade-in - "Click card to reveal" hint shown on each unflipped card - Spread selection and draw button are locked until all cards in the current reading have been revealed ## Nocturne - Added dedicated sacred scriptures showcase section - Added patron saints section with avatar images - Added Naomi's Prayer - Added sacred practices section (expanded to six cards) - Added clergy and hierarchy section - Added titles of address section - Added testimonial and expanded FAQ - Capitalised She/Her pronouns referring to Naomi ## Scripture - Converted page to interactive book with page-turning - Expanded canon through the Fourth Edition across multiple updates - Synced the Ten Commandments with Nocturne - Fixed meta description to reflect fourteen books - Capitalised She/Her pronouns referring to Naomi ## Other Pages - Books, games, and music pages now redirect to `library.nhcarrigan.com` - Updated user manual with additional context - Added 404 error page ## Chore / Fixes - Updated sitemap with new and corrected entries - Fixed null-safe while loop for filename handling in scripts - Updated scripts to use correct Windows paths via WSL - Cleaned up data files and added JSON to `.gitignore` - Added secret #13 ✨ This PR was created with help from Hikari~ 🌸 Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com> Reviewed-on: #2 Co-authored-by: Hikari <hikari@nhcarrigan.com> Co-committed-by: Hikari <hikari@nhcarrigan.com>	2026-03-18 12:31:50 -07:00
hikari	b799dae225	feat: add naomi's nocturne religion page (#1 ) Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 55s Details ## Summary Adds the Naomi's Nocturne page at `/nocturne/` — a satirical religion website in the NHCarrigan style. ### Content - Hero — title, tagline, and banner image - Creed — a short founding statement of belief - The Ten Commandments — the sacred texts, styled as an ancient parchment scroll using pure CSS gradients - Testimonials of the Faithful — six worshipper accounts - FAQ — eight questions covering the important doctrinal matters (including the garlic bread situation) - Join the Faith — links to the community, nhcarrigan.com, and the git archives ### Notes - Uses the existing `cdn.nhcarrigan.com` header script and `--witch-*` CSS variables for consistency with the rest of the site - The parchment scroll effect is pure CSS (gradients + pseudo-elements), no images required - Satirical footer disclaimer included ✨ This issue was created with help from Hikari~ 🌸 Reviewed-on: #1 Co-authored-by: Hikari <hikari@nhcarrigan.com> Co-committed-by: Hikari <hikari@nhcarrigan.com>	2026-03-10 10:25:20 -07:00
hikari	fc835ab983	feat: add style/branding guide Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 2m41s Details	2026-03-03 16:41:50 -08:00
naomi	cb7c4a58bc	feat: add forum Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m32s Details	2026-02-02 13:06:20 -08:00
naomi	4afed2b3a3	feat: new seekrit Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m35s Details	2026-01-27 10:59:32 -08:00
naomi	890958257f	chore: update sitemap	2026-01-27 10:59:30 -08:00
naomi	7596bd2bc4	feat: better sync UX	2026-01-27 10:59:29 -08:00
naomi	5ab6308645	feat: add secrets page	2026-01-27 10:59:22 -08:00
hikari	02a07c2102	docs: update feedback section to use support forum Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 56s Details	2026-01-26 12:32:13 -08:00
naomi	a05962d499	chore: full list Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 1m3s Details	2025-12-27 14:05:13 -08:00
naomi	d2c90dba20	fix: script needs new user dir Security Scan and Upload / Security & DefectDojo Upload (push) Successful in 48s Details	2025-12-27 13:53:01 -08:00
naomi	ca4794f46c	feat: add social media page	2025-12-27 13:53:00 -08:00