release: v4.0.0

### Explanation

_No response_

### Issue

_No response_

### Attestations

- [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [ ] I have pinned the dependencies to a specific patch version.

### Style

- [ ] I have run the linter and resolved any errors.
- [ ] My pull request uses an appropriate title, matching the conventional commit standards.
- [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

Major - My pull request introduces a breaking change.

Reviewed-on: #8
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

.gitea/workflows/ci.yml

@@ -8,22 +8,31 @@ on:
       - main
 
 jobs:
-  lint:
-    name: Lint and Test
+  ci:
+    name: CI
+    runs-on: ubuntu-latest
 
     steps:
       - name: Checkout Source Files
         uses: actions/checkout@v4
 
-      - name: Use Node.js v22
+      - name: Use Node.js v24
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
         with:
-          version: 9
+          version: 10
+
+      - name: Ensure Dependencies are Pinned
+        uses: naomi-lgbt/dependency-pin-check@main
+        with:
+          language: javascript
+          dev-dependencies: true
+          peer-dependencies: true
+          optional-dependencies: true
 
       - name: Install Dependencies
         run: pnpm install

.gitea/workflows/security.yml

@@ -0,0 +1,177 @@
+name: Security Scan and Upload
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+  schedule:
+    - cron: '0 0 * * 1'
+  workflow_dispatch:
+
+jobs:
+  security-audit:
+    name: Security & DefectDojo Upload
+    runs-on: ubuntu-latest
+    continue-on-error: true
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      # --- AUTO-SETUP PROJECT ---
+      - name: Ensure DefectDojo Product Exists
+        env:
+          DD_URL: ${{ secrets.DD_URL }}
+          DD_TOKEN: ${{ secrets.DD_TOKEN }}
+          PRODUCT_NAME: ${{ github.repository }} 
+          PRODUCT_TYPE_ID: 1 
+        run: |
+          sudo apt-get install jq -y > /dev/null
+          
+          echo "Checking connection to $DD_URL..."
+          
+          # Check if product exists - capture HTTP code to debug connection issues
+          RESPONSE=$(curl --write-out "%{http_code}" --silent --output /tmp/response.json \
+            -H "Authorization: Token $DD_TOKEN" \
+            "$DD_URL/api/v2/products/?name=$PRODUCT_NAME")
+          
+          # If response is not 200, print error
+          if [ "$RESPONSE" != "200" ]; then
+            echo "::error::Failed to query DefectDojo. HTTP Code: $RESPONSE"
+            cat /tmp/response.json
+            exit 1
+          fi
+
+          COUNT=$(cat /tmp/response.json | jq -r '.count')
+          
+          if [ "$COUNT" = "0" ]; then
+            echo "Creating product '$PRODUCT_NAME'..."
+            curl -s -X POST "$DD_URL/api/v2/products/" \
+              -H "Authorization: Token $DD_TOKEN" \
+              -H "Content-Type: application/json" \
+              -d '{ "name": "'"$PRODUCT_NAME"'", "description": "Auto-created by Gitea Actions", "prod_type": '$PRODUCT_TYPE_ID' }'
+          else
+            echo "Product '$PRODUCT_NAME' already exists."
+          fi
+
+      # --- 1. TRIVY (Dependencies & Misconfig) ---
+      - name: Install Trivy
+        run: |
+          sudo apt-get install wget apt-transport-https gnupg lsb-release -y
+          wget -qO - https://aquasecurity.github.io/trivy-repo/deb/public.key | sudo apt-key add -
+          echo "deb https://aquasecurity.github.io/trivy-repo/deb $(lsb_release -sc) main" | sudo tee -a /etc/apt/sources.list.d/trivy.list
+          sudo apt-get update && sudo apt-get install trivy -y
+
+      - name: Run Trivy (FS Scan)
+        run: |
+          trivy fs . --scanners vuln,misconfig --format json --output trivy-results.json --exit-code 0
+
+      - name: Upload Trivy to DefectDojo
+        env:
+          DD_URL: ${{ secrets.DD_URL }}
+          DD_TOKEN: ${{ secrets.DD_TOKEN }}
+        run: |
+          echo "Uploading Trivy results..."
+          # Generate today's date in YYYY-MM-DD format
+          TODAY=$(date +%Y-%m-%d)
+          
+          HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
+            -H "Authorization: Token $DD_TOKEN" \
+            -F "active=true" \
+            -F "verified=true" \
+            -F "scan_type=Trivy Scan" \
+            -F "engagement_name=CI/CD Pipeline" \
+            -F "product_name=${{ github.repository }}" \
+            -F "scan_date=$TODAY" \
+            -F "auto_create_context=true" \
+            -F "file=@trivy-results.json")
+          
+          if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
+            echo "::error::Upload Failed with HTTP $HTTP_CODE"
+            echo "--- SERVER RESPONSE ---"
+            cat response.txt
+            echo "-----------------------"
+            exit 1
+          else
+            echo "Upload Success!"
+          fi
+
+      # --- 2. GITLEAKS (Secrets) ---
+      - name: Install Gitleaks
+        run: |
+          wget -qO gitleaks.tar.gz https://github.com/gitleaks/gitleaks/releases/download/v8.18.0/gitleaks_8.18.0_linux_x64.tar.gz
+          tar -xzf gitleaks.tar.gz
+          sudo mv gitleaks /usr/local/bin/ && chmod +x /usr/local/bin/gitleaks
+
+      - name: Run Gitleaks
+        run: gitleaks detect --source . -v --report-path gitleaks-results.json --report-format json --no-git || true
+
+      - name: Upload Gitleaks to DefectDojo
+        env:
+          DD_URL: ${{ secrets.DD_URL }}
+          DD_TOKEN: ${{ secrets.DD_TOKEN }}
+        run: |
+          echo "Uploading Gitleaks results..."  
+          TODAY=$(date +%Y-%m-%d)
+
+          HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
+            -H "Authorization: Token $DD_TOKEN" \
+            -F "active=true" \
+            -F "verified=true" \
+            -F "scan_type=Gitleaks Scan" \
+            -F "engagement_name=CI/CD Pipeline" \
+            -F "product_name=${{ github.repository }}" \
+            -F "scan_date=$TODAY" \
+            -F "auto_create_context=true" \
+            -F "file=@gitleaks-results.json")
+
+          if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
+             echo "::error::Upload Failed with HTTP $HTTP_CODE"
+             echo "--- SERVER RESPONSE ---"
+             cat response.txt
+             echo "-----------------------"
+             exit 1
+          else
+             echo "Upload Success!"
+          fi
+
+      # --- 3. SEMGREP (SAST) ---
+      - name: Install Semgrep (via pipx)
+        run: |
+          sudo apt-get install pipx -y
+          pipx install semgrep
+          # Add pipx binary path to GITHUB_PATH so next steps can see 'semgrep'
+          echo "$HOME/.local/bin" >> $GITHUB_PATH
+
+      - name: Run Semgrep
+        run: semgrep scan --config=p/security-audit --config=p/owasp-top-ten --json --output semgrep-results.json . || true
+
+      - name: Upload Semgrep to DefectDojo
+        env:
+          DD_URL: ${{ secrets.DD_URL }}
+          DD_TOKEN: ${{ secrets.DD_TOKEN }}
+        run: |
+          echo "Uploading Semgrep results..."
+          TODAY=$(date +%Y-%m-%d)
+          
+          HTTP_CODE=$(curl --write-out "%{http_code}" --output response.txt --silent -X POST "$DD_URL/api/v2/import-scan/" \
+            -H "Authorization: Token $DD_TOKEN" \
+            -F "active=true" \
+            -F "verified=true" \
+            -F "scan_type=Semgrep JSON Report" \
+            -F "engagement_name=CI/CD Pipeline" \
+            -F "product_name=${{ github.repository }}" \
+            -F "scan_date=$TODAY" \
+            -F "auto_create_context=true" \
+            -F "file=@semgrep-results.json")
+
+          if [[ "$HTTP_CODE" != "200" && "$HTTP_CODE" != "201" ]]; then
+             echo "::error::Upload Failed with HTTP $HTTP_CODE"
+             echo "--- SERVER RESPONSE ---"
+             cat response.txt
+             echo "-----------------------"
+             exit 1
+          else
+             echo "Upload Success!"
+          fi

.gitea/workflows/sonar.yml

@@ -1,34 +0,0 @@
-name: Code Analysis
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  sonar:
-    name: SonarQube
-
-    steps:
-      - name: Checkout Source Files
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: SonarCube Scan
-        uses: SonarSource/sonarqube-scan-action@v4
-        timeout-minutes: 10
-        env:
-          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
-          SONAR_HOST_URL: "https://quality.nhcarrigan.com"
-        with:
-          args: >
-            -Dsonar.sources=.
-            -Dsonar.projectKey=website-headers
-
-      - name: SonarQube Quality Gate check
-        uses: sonarsource/sonarqube-quality-gate-action@v1
-        with:
-          pollingTimeoutSec: 600
-        env:
-          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
-          SONAR_HOST_URL: "https://quality.nhcarrigan.com"

.npmrc

@@ -0,0 +1,25 @@
+# Package Manager Configuration
+# Force pnpm usage - breaks npm/yarn intentionally
+node-linker=pnpm
+
+# Security: Disable all lifecycle scripts
+ignore-scripts=true
+enable-pre-post-scripts=false
+
+# Security: Require packages to be 10+ days old before installation
+minimum-release-age=14400
+
+# Security: Verify package integrity hashes
+verify-store-integrity=true
+
+# Security: Enforce strict trust policies
+trust-policy=strict
+
+# Security: Strict peer dependency resolution
+strict-peer-dependencies=true
+
+# Performance: Use symlinks for node_modules
+symlink=true
+
+# Lockfile: Ensure lockfile is not modified during install
+frozen-lockfile=false

README.md

@@ -12,7 +12,7 @@ This page is currently deployed. [View the live website.]
 
 ## Feedback and Bugs
 
-If you have feedback or a bug report, please feel free to open a GitHub issue!
+If you have feedback or a bug report, please [log a ticket on our forum](https://support.nhcarrigan.com).
 
 ## Contributing
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "website-headers",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "",
   "main": "index.js",
   "type": "module",

src/index.ts

@@ -40,6 +40,23 @@ const {
  * The title and description are set by each website. This should
  * only load things like open graph data and favicons.
  */
+const nhcarriganHeadersCharacterSet = document.createElement("meta");
+nhcarriganHeadersCharacterSet.setAttribute("charset", "UTF-8");
+const nhcarriganHeadersViewport = document.createElement("meta");
+nhcarriganHeadersViewport.setAttribute("name", "viewport");
+nhcarriganHeadersViewport.setAttribute(
+  "content",
+  "width=device-width, initial-scale=1.0",
+);
+const nhcarriganHeadersThemeColor = document.createElement("meta");
+nhcarriganHeadersThemeColor.setAttribute("name", "theme-color");
+nhcarriganHeadersThemeColor.setAttribute("content", "#4A0E0E");
+const nhcarriganHeadersReferrer = document.createElement("meta");
+nhcarriganHeadersReferrer.setAttribute("name", "referrer");
+nhcarriganHeadersReferrer.setAttribute(
+  "content",
+  "strict-origin-when-cross-origin",
+);
 const nhcarriganHeadersOpenGraphTitle = document.createElement("meta");
 nhcarriganHeadersOpenGraphTitle.setAttribute("property", "og:title");
 nhcarriganHeadersOpenGraphTitle.setAttribute(
@@ -68,6 +85,23 @@ nhcarriganHeadersOpenGraphUrl.setAttribute("content", nhcarriganHeadersUrl);
 const nhcarriganHeadersOpenGraphType = document.createElement("meta");
 nhcarriganHeadersOpenGraphType.setAttribute("property", "og:type");
 nhcarriganHeadersOpenGraphType.setAttribute("content", "website");
+const nhcarriganHeadersOpenGraphSiteName = document.createElement("meta");
+nhcarriganHeadersOpenGraphSiteName.setAttribute("property", "og:site_name");
+nhcarriganHeadersOpenGraphSiteName.setAttribute("content", "NHCarrigan");
+const nhcarriganHeadersOpenGraphLocale = document.createElement("meta");
+nhcarriganHeadersOpenGraphLocale.setAttribute("property", "og:locale");
+nhcarriganHeadersOpenGraphLocale.setAttribute("content", "en_US");
+const nhcarriganHeadersOpenGraphImageAlt = document.createElement("meta");
+nhcarriganHeadersOpenGraphImageAlt.setAttribute("property", "og:image:alt");
+nhcarriganHeadersOpenGraphImageAlt.
+  setAttribute("content", "NHCarrigan logo and branding");
+const nhcarriganHeadersOpenGraphImageWidth = document.createElement("meta");
+nhcarriganHeadersOpenGraphImageWidth.setAttribute("property", "og:image:width");
+nhcarriganHeadersOpenGraphImageWidth.setAttribute("content", "1920");
+const nhcarriganHeadersOpenGraphImageHeight = document.createElement("meta");
+nhcarriganHeadersOpenGraphImageHeight.
+  setAttribute("property", "og:image:height");
+nhcarriganHeadersOpenGraphImageHeight.setAttribute("content", "1080");
 
 const nhcarriganHeadersTwitterCard = document.createElement("meta");
 nhcarriganHeadersTwitterCard.setAttribute("name", "twitter:card");
@@ -100,6 +134,22 @@ nhcarriganHeadersTwitterImage.setAttribute(
   "content",
   "https://cdn.nhcarrigan.com/og-image.png",
 );
+const nhcarriganHeadersTwitterSite = document.createElement("meta");
+nhcarriganHeadersTwitterSite.setAttribute("name", "twitter:site");
+nhcarriganHeadersTwitterSite.setAttribute("content", "@nhcarrigan1");
+const nhcarriganHeadersTwitterCreator = document.createElement("meta");
+nhcarriganHeadersTwitterCreator.setAttribute("name", "twitter:creator");
+nhcarriganHeadersTwitterCreator.setAttribute("content", "@nhcarrigan1");
+
+const nhcarriganHeadersFormatDetection = document.createElement("meta");
+nhcarriganHeadersFormatDetection.setAttribute("name", "format-detection");
+nhcarriganHeadersFormatDetection.setAttribute("content", "telephone=no");
+const nhcarriganHeadersRobots = document.createElement("meta");
+nhcarriganHeadersRobots.setAttribute("name", "robots");
+nhcarriganHeadersRobots.setAttribute("content", "index, follow");
+const nhcarriganHeadersAuthor = document.createElement("meta");
+nhcarriganHeadersAuthor.setAttribute("name", "author");
+nhcarriganHeadersAuthor.setAttribute("content", "Naomi Carrigan");
 
 // #endregion
 
@@ -131,13 +181,34 @@ const nhcarriganHeadersStyles = document.createElement("style");
 nhcarriganHeadersStyles.id = "nhcarrigan-global-styles";
 nhcarriganHeadersStyles.innerHTML = `
 @font-face {
-  font-family: 'OpenDyslexic';
-  src: url('https://cdn.nhcarrigan.com/fonts/OpenDyslexicMono-Regular.otf') format('opentype');
+  font-family: 'Vampyr';
+  src: url('https://cdn.nhcarrigan.com/fonts/vampyr.ttf') format('truetype');
 }
 
+/* Import fun and whimsical fonts! */
+@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Creepster&family=Griffy&family=Henny+Penny&display=swap');
+
 :root {
-  --foreground: #8F2447;
-  --background: #E1F6F9DC;
+  /* Witchy Purple Rose Palette */
+  --witch-purple: #2B1B3D;
+  --witch-plum: #44275A;
+  --witch-rose: #A8577E;
+  --witch-mauve: #D4A5C7;
+  --witch-lavender: #E8D5E8;
+  --witch-black: #0A0009;
+  --witch-silver: #C0C0C0;
+  --witch-moon: #F5F5F5;
+  --witch-shadow: rgba(10, 0, 9, 0.7);
+
+  /* Theme variables */
+  --foreground: var(--witch-purple);
+  --background: var(--witch-moon);
+  --accent: var(--witch-rose);
+  --border: var(--witch-plum);
+  --highlight: var(--witch-mauve);
+
+  font-size: 14pt;
+  line-height: 1.6;
 }
 
 * {
@@ -147,113 +218,491 @@ nhcarriganHeadersStyles.innerHTML = `
 }
 
 html {
-  font-family: 'OpenDyslexic', monospace;
-  cursor: url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto;
+  font-family: 'Kalam', cursive, sans-serif;
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(12 12) rotate(-45 12 12)"><circle cx="12" cy="6" r="5" fill="%232B1B3D"/><circle cx="6" cy="12" r="5" fill="%232B1B3D"/><circle cx="18" cy="12" r="5" fill="%232B1B3D"/><circle cx="12" cy="18" r="5" fill="%232B1B3D"/><circle cx="12" cy="12" r="3.5" fill="%23A8577E"/><path d="M12 18 L12 36" stroke="%232B1B3D" stroke-width="2.5"/><path d="M10 34 L8 38" stroke="%232B1B3D" stroke-width="2"/><path d="M14 34 L16 38" stroke="%232B1B3D" stroke-width="2"/></g><circle cx="3" cy="3" r="1.5" fill="%23D4A5C7" opacity="0.8"/></svg>') 0 0, url('https://cdn.nhcarrigan.com/cursors/cursor.cur'), auto;
   min-height: 100vh;
   min-width: 100vw;
 }
+
+body {
+  min-height: 100vh;
+  position: relative;
+}
+
+/* Witchy mystical background */
 body::before {
-  background: url(https://cdn.nhcarrigan.com/background.png);
-  background-size: cover;
-  background-position: center;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  opacity: 1;
+  background: url(https://cdn.nhcarrigan.com/background.png);
+  background-size: cover;
+  background-position: center;
+  z-index: -2;
   pointer-events: none;
 }
+
+/* Purple overlay for witchy effect */
+body::after {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background:
+    radial-gradient(circle at 20% 50%, rgba(168, 87, 126, 0.35) 0%, transparent 60%),
+    radial-gradient(circle at 80% 80%, rgba(68, 39, 90, 0.35) 0%, transparent 60%),
+    linear-gradient(180deg,
+      rgba(10, 0, 9, 0.5) 0%,
+      rgba(43, 27, 61, 0.25) 50%,
+      rgba(43, 27, 61, 0.4) 100%
+    );
+  z-index: -1;
+  pointer-events: none;
+}
+
 main {
   color: var(--foreground);
-  background-color: var(--background);
+  background: linear-gradient(135deg,
+    rgba(245, 245, 245, 0.95) 0%,
+    rgba(232, 213, 232, 0.9) 100%
+  );
   text-align: center;
-  border-radius: 10px;
+  border-radius: 15px;
   width: 95%;
   max-width: 1080px;
-  margin: auto;
-  margin-bottom: 85px;
-  padding: 10px;
+  margin: 20px auto 85px auto;
+  padding: 40px;
+  position: relative;
+
+  /* Simple elegant border */
+  border: 2px solid var(--witch-plum);
+  box-shadow:
+    /* Magical purple glow */
+    0 0 60px rgba(168, 87, 126, 0.4),
+    0 0 100px rgba(68, 39, 90, 0.3),
+    /* Standard shadow */
+    0 10px 40px var(--witch-shadow),
+    /* Inner glow */
+    inset 0 0 60px rgba(168, 87, 126, 0.05);
 }
+
 footer {
   width: 100%;
-  color: var(--foreground);
-  background-color: var(--background);
+  color: var(--witch-lavender);
+  background: linear-gradient(to bottom,
+    rgba(43, 27, 61, 0.95) 0%,
+    var(--witch-black) 100%
+  );
   position: fixed;
   bottom: 0;
   height: 75px;
   padding: 0 10px;
+  border-top: 2px solid var(--witch-mauve);
+  box-shadow:
+    /* Purple glow from top border */
+    0 -10px 40px rgba(212, 165, 199, 0.3),
+    0 -5px 20px rgba(168, 87, 126, 0.4),
+    /* Standard shadow */
+    0 -5px 20px var(--witch-shadow);
 }
+
 #footer-inner-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 75px;
 }
+
+#footer-inner-container a {
+  color: var(--witch-lavender);
+  transition: all 0.3s ease;
+}
+
+#footer-inner-container a:hover {
+  color: var(--witch-mauve);
+  text-shadow: 0 0 10px rgba(212, 165, 199, 0.5);
+}
+
 #footer-badge-container {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   align-items: center;
   justify-content: space-around;
 }
+
 #show-socials-button, #theme-select-button {
   background: none;
-  border: none;
-  cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
-  color: var(--foreground);
+  border: 1px solid var(--witch-plum);
+  border-radius: 20px;
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g transform="translate(12 12) rotate(-45 12 12)" filter="url(%23glow)"><circle cx="12" cy="6" r="5.5" fill="%23A8577E"/><circle cx="6" cy="12" r="5.5" fill="%23A8577E"/><circle cx="18" cy="12" r="5.5" fill="%23A8577E"/><circle cx="12" cy="18" r="5.5" fill="%23A8577E"/><circle cx="12" cy="12" r="4" fill="%23D4A5C7"/><path d="M12 18 L12 36" stroke="%232B1B3D" stroke-width="2.5"/><path d="M10 34 L8 38" stroke="%232B1B3D" stroke-width="2"/><path d="M14 34 L16 38" stroke="%232B1B3D" stroke-width="2"/></g><circle cx="3" cy="3" r="2" fill="%23D4A5C7" opacity="0.9"/></svg>') 0 0, url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
+  color: var(--witch-lavender);
   font-size: 1rem;
-  font-family: 'OpenDyslexic', monospace;
+  font-family: 'Kalam', cursive;
+  font-weight: 700;
+  padding: 8px 15px;
+  transition: all 0.3s ease;
 }
+
+#show-socials-button:hover, #theme-select-button:hover {
+  background: rgba(168, 87, 126, 0.2);
+  border-color: var(--witch-mauve);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 15px rgba(168, 87, 126, 0.3);
+}
+
 #show-socials-button > i, #theme-select-button > i {
-  font-size: 1.5rem;
+  font-size: 1.2rem;
+  margin-right: 5px;
 }
+
 a {
-  color: unset;
-  cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
+  color: var(--accent);
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g transform="translate(12 12) rotate(-45 12 12)" filter="url(%23glow)"><circle cx="12" cy="6" r="5.5" fill="%23A8577E"/><circle cx="6" cy="12" r="5.5" fill="%23A8577E"/><circle cx="18" cy="12" r="5.5" fill="%23A8577E"/><circle cx="12" cy="18" r="5.5" fill="%23A8577E"/><circle cx="12" cy="12" r="4" fill="%23D4A5C7"/><path d="M12 18 L12 36" stroke="%232B1B3D" stroke-width="2.5"/><path d="M10 34 L8 38" stroke="%232B1B3D" stroke-width="2"/><path d="M14 34 L16 38" stroke="%232B1B3D" stroke-width="2"/></g><circle cx="3" cy="3" r="2" fill="%23D4A5C7" opacity="0.9"/></svg>') 0 0, url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
+  transition: all 0.3s ease;
+  text-decoration: none;
 }
+
+a:hover {
+  color: var(--witch-plum);
+  text-decoration: underline;
+  text-decoration-color: var(--witch-mauve);
+  text-underline-offset: 3px;
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><filter id="sparkle"><feGaussianBlur stdDeviation="4" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g transform="translate(12 12) rotate(-45 12 12)" filter="url(%23sparkle)"><circle cx="12" cy="6" r="6" fill="%23A8577E"/><circle cx="6" cy="12" r="6" fill="%23A8577E"/><circle cx="18" cy="12" r="6" fill="%23A8577E"/><circle cx="12" cy="18" r="6" fill="%23A8577E"/><circle cx="12" cy="12" r="4.5" fill="%23D4A5C7"/><path d="M12 18 L12 36" stroke="%232B1B3D" stroke-width="3"/><path d="M10 34 L8 38" stroke="%232B1B3D" stroke-width="2.5"/><path d="M14 34 L16 38" stroke="%232B1B3D" stroke-width="2.5"/></g><circle cx="3" cy="3" r="2.5" fill="%23E8D5E8"/><circle cx="8" cy="1" r="1" fill="%23D4A5C7"/><circle cx="1" cy="8" r="1" fill="%23D4A5C7"/></svg>') 0 0, pointer;
+}
+
 #tree-nation-offset-website {
   display: flex;
   align-items: center;
 }
+
 #social-list {
   position: absolute;
   bottom: 75px;
-  left: 0;
-  right: 0;
-  width: 100vw;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 90vw;
   max-width: 400px;
-  padding: 10px;
-  background-color: var(--background);
-  color: var(--foreground);
-  border-radius: 10px;
-  border: 1px solid var(--foreground);
+  padding: 20px;
+  background: linear-gradient(135deg,
+    rgba(43, 27, 61, 0.98) 0%,
+    rgba(10, 0, 9, 0.95) 100%
+  );
+  color: var(--witch-lavender);
+  border-radius: 15px;
+  border: 1px solid var(--witch-mauve);
   display: none;
   z-index: 1000;
+  box-shadow:
+    0 10px 30px var(--witch-shadow),
+    inset 0 0 20px rgba(168, 87, 126, 0.1);
 }
+
 .social-list-item {
-  padding: 10px;
+  padding: 12px;
+  transition: all 0.3s ease;
+  border-radius: 8px;
 }
+
 .social-list-item > a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-decoration: none;
+  color: var(--witch-lavender);
 }
+
+.social-list-item > a i {
+  font-size: 1.2rem;
+  margin-right: 12px;
+  color: var(--witch-mauve);
+}
+
 .social-list-divider {
-  border: 0.5px solid var(--foreground);
+  border: none;
+  height: 1px;
+  background: linear-gradient(
+    to right,
+    transparent 20%,
+    var(--witch-mauve) 50%,
+    transparent 80%
+  );
+  margin: 8px 0;
+  opacity: 0.5;
 }
+
 .social-list-item:hover {
-  background-color: var(--foreground);
-  color: var(--background);
+  background: rgba(168, 87, 126, 0.2);
+  transform: translateX(3px);
 }
+
+.social-list-item:hover > a {
+  color: var(--witch-rose);
+}
+
 .is-dark {
-  --foreground: #E1F6F9;
-  --background: #8F2447bb;
+  --foreground: var(--witch-lavender);
+  --background: var(--witch-black);
+  --accent: var(--witch-mauve);
+  --border: var(--witch-rose);
+  --highlight: var(--witch-plum);
 }
+
+/* Dark mode specific adjustments */
+.is-dark main {
+  background: linear-gradient(135deg,
+    rgba(10, 0, 9, 0.95) 0%,
+    rgba(43, 27, 61, 0.9) 100%
+  );
+  color: var(--witch-lavender);
+  border-color: var(--witch-rose);
+  box-shadow:
+    /* Mystical rose glow for dark mode */
+    0 0 80px rgba(168, 87, 126, 0.5),
+    0 0 120px rgba(212, 165, 199, 0.3),
+    /* Standard shadow */
+    0 10px 40px rgba(0, 0, 0, 0.8),
+    /* Inner glow */
+    inset 0 0 60px rgba(168, 87, 126, 0.1);
+}
+
+.is-dark h1 { color: var(--witch-mauve); }
+.is-dark h2, .is-dark h3 { color: var(--witch-lavender); }
+
+.is-dark a {
+  color: var(--witch-mauve);
+}
+
+.is-dark a:hover {
+  color: var(--witch-rose);
+}
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Griffy', cursive;
+  font-weight: 400;
+  letter-spacing: 1px;
+}
+
+@keyframes wiggle {
+  0%, 100% { transform: rotate(-2deg); }
+  25% { transform: rotate(2deg); }
+  50% { transform: rotate(-1deg); }
+  75% { transform: rotate(1deg); }
+}
+
+h1 {
+  color: var(--witch-plum);
+  font-size: 2.8rem;
+  text-shadow: 3px 3px 0px var(--witch-rose),
+               4px 4px 8px rgba(168, 87, 126, 0.4);
+  transform: rotate(-2deg);
+  display: inline-block;
+  animation: wiggle 4s ease-in-out infinite;
+}
+
+h2 {
+  color: var(--witch-purple);
+  font-size: 2.2rem;
+  text-shadow: 2px 2px 4px rgba(68, 39, 90, 0.3);
+}
+
+h3 {
+  color: var(--witch-purple);
+  font-size: 1.6rem;
+  font-family: 'Kalam', cursive;
+  font-weight: 700;
+}
+
+p {
+  line-height: 1.8;
+  margin-bottom: 1.2em;
+}
+
+/* Form elements */
+input, textarea, select {
+  font-family: 'Kalam', cursive;
+  font-weight: 400;
+  font-size: 1rem;
+  padding: 12px 16px;
+  border: 2px solid var(--witch-plum);
+  border-radius: 15px;
+  background: rgba(245, 245, 245, 0.95);
+  color: var(--witch-purple);
+  transition: all 0.3s ease;
+  outline: none;
+}
+
+input[type="text"], input[type="email"], input[type="password"], textarea {
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><line x1="12" y1="6" x2="12" y2="42" stroke="%232B1B3D" stroke-width="2"/><line x1="8" y1="6" x2="16" y2="6" stroke="%232B1B3D" stroke-width="2"/><line x1="8" y1="42" x2="16" y2="42" stroke="%232B1B3D" stroke-width="2"/><circle cx="12" cy="24" r="3" fill="%23A8577E" opacity="0.5"/></svg>') 12 24, text;
+}
+
+input:focus, textarea:focus, select:focus {
+  border-color: var(--witch-rose);
+  box-shadow: 0 0 0 3px rgba(168, 87, 126, 0.15);
+}
+
+button, input[type="submit"], input[type="button"] {
+  font-family: 'Griffy', cursive;
+  font-weight: 400;
+  padding: 14px 28px;
+  background: linear-gradient(135deg,
+    var(--witch-plum) 0%,
+    var(--witch-purple) 100%
+  );
+  color: var(--witch-moon);
+  border: 3px solid transparent;
+  border-radius: 30px;
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><filter id="glow"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g transform="translate(12 12) rotate(-45 12 12)" filter="url(%23glow)"><circle cx="12" cy="6" r="5.5" fill="%23A8577E"/><circle cx="6" cy="12" r="5.5" fill="%23A8577E"/><circle cx="18" cy="12" r="5.5" fill="%23A8577E"/><circle cx="12" cy="18" r="5.5" fill="%23A8577E"/><circle cx="12" cy="12" r="4" fill="%23D4A5C7"/><path d="M12 18 L12 36" stroke="%232B1B3D" stroke-width="2.5"/><path d="M10 34 L8 38" stroke="%232B1B3D" stroke-width="2"/><path d="M14 34 L16 38" stroke="%232B1B3D" stroke-width="2"/></g><circle cx="3" cy="3" r="2" fill="%23D4A5C7" opacity="0.9"/></svg>') 0 0, url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
+  transition: all 0.3s ease;
+  text-transform: none;
+  font-size: 1.1rem;
+  letter-spacing: 1px;
+  transform: rotate(-1deg);
+}
+
+button:hover, input[type="submit"]:hover, input[type="button"]:hover {
+  transform: translateY(-3px) rotate(1deg) scale(1.05);
+  box-shadow: 0 8px 25px rgba(68, 39, 90, 0.4),
+              0 0 30px rgba(168, 87, 126, 0.3);
+  border-color: var(--witch-rose);
+}
+
+/* Lists */
+ul, ol {
+  margin-left: 1.5em;
+  margin-bottom: 1em;
+}
+
+ul li::marker {
+  content: "✦ ";
+  color: var(--witch-rose);
+}
+
+/* Tables */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1em 0;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+th, td {
+  padding: 12px;
+  text-align: left;
+}
+
+th {
+  background: var(--witch-plum);
+  color: var(--witch-moon);
+}
+
+tr:nth-child(even) {
+  background: rgba(212, 165, 199, 0.05);
+}
+
+tr:hover {
+  background: rgba(168, 87, 126, 0.1);
+}
+
+/* Blockquotes */
+blockquote {
+  border-left: 5px wavy var(--witch-rose);
+  padding-left: 20px;
+  margin: 1em 0;
+  font-family: 'Griffy', cursive;
+  font-style: normal;
+  color: var(--witch-plum);
+  font-size: 1.2rem;
+  line-height: 1.8;
+  background: linear-gradient(90deg,
+    rgba(168, 87, 126, 0.05) 0%,
+    transparent 50%);
+  position: relative;
+}
+
+/* Code blocks */
+code, pre {
+  font-family: 'Courier New', monospace;
+  background: rgba(43, 27, 61, 0.05);
+  color: var(--witch-purple);
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+pre {
+  padding: 15px;
+  overflow-x: auto;
+  border: 1px solid var(--witch-plum);
+}
+
+/* Scrollbar */
+::-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);
+}
+
+/* Selection */
+::selection {
+  background: var(--witch-rose);
+  color: var(--witch-moon);
+}
+
+::-moz-selection {
+  background: var(--witch-rose);
+  color: var(--witch-moon);
+}
+
+/* Draggable elements */
+[draggable="true"] {
+  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(12 12)"><path d="M12 2 L2 12 L12 22 L22 12 Z" fill="%232B1B3D"/><circle cx="12" cy="12" r="6" fill="%23A8577E"/><circle cx="12" cy="12" r="4" fill="%23D4A5C7"/><path d="M12 4 L12 0 M12 24 L12 20 M4 12 L0 12 M24 12 L20 12" stroke="%232B1B3D" stroke-width="2"/></g></svg>') 12 12, move;
+}
+
+/* Special decorative text classes */
+.witchy-accent {
+  font-family: 'Creepster', cursive;
+  letter-spacing: 3px;
+  text-shadow: 3px 3px 0px var(--witch-rose),
+               4px 4px 8px rgba(168, 87, 126, 0.5);
+  color: var(--witch-purple);
+  transform: skew(-5deg);
+  display: inline-block;
+}
+
+.mystical-text {
+  font-family: 'Henny Penny', 'Vampyr', cursive;
+  letter-spacing: 2px;
+  text-shadow: 2px 2px 4px rgba(68, 39, 90, 0.4);
+}
+
+.spooky-title {
+  font-family: 'Creepster', cursive;
+  background: linear-gradient(45deg,
+    var(--witch-purple) 0%,
+    var(--witch-rose) 50%,
+    var(--witch-mauve) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  text-shadow: none;
+}
+
 @media screen and (max-width: 625px) {
   #tree-nation-offset-website {
     display: none;
@@ -266,6 +715,18 @@ a {
     margin-bottom: 60px;
   }
 }
+
+@media screen and (max-width: 425px) {
+  #donate-badge {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 350px) {
+  footer, #show-socials-button, #theme-select-button, #show-socials-button > i, #theme-select-button > i {
+    font-size: 10pt;
+  }
+}
 `;
 
 // #endregion
@@ -275,14 +736,14 @@ a {
 const nhcarriganHeadersFooter = document.createElement("footer");
 nhcarriganHeadersFooter.innerHTML = `
 <div id="footer-inner-container">
-<p>&copy; <a href="https://nhcarrigan.com" target="_blank">Naomi Carrigan</a></p>
+<p id="footer-copyright" style="margin: 0; display: flex; align-items: center;">&copy; <a href="https://nhcarrigan.com" target="_blank" style="margin-left: 5px;">Naomi Carrigan</a></p>
 <button id="show-socials-button" type="button">
   <i class="fa-solid fa-share-nodes"></i> Connect with Us
 </button>
 <button id="theme-select-button" type="button">
   <i id="theme-select-icon" class="fa-solid fa-moon"></i> Toggle Theme
 </button>
-<a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
+<a id="donate-badge" href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
   <img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
 </a>
 <div id="tree-nation-offset-website"></div>
@@ -370,29 +831,19 @@ const nhcarriganHeadersFontAwesome = document.createElement("script");
 nhcarriganHeadersFontAwesome.src = "https://kit.fontawesome.com/f949111719.js";
 const nhcarriganHeadersAnalytics = document.createElement("script");
 nhcarriganHeadersAnalytics.defer = true;
-nhcarriganHeadersAnalytics.setAttribute("domain", "nhcarrigan.com");
 nhcarriganHeadersAnalytics.src
-  // eslint-disable-next-line stylistic/max-len
-  = "https://analytics.nhcarrigan.com/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js";
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-domain",
-  nhcarriganHeadersHostname,
-);
-nhcarriganHeadersAnalytics.setAttribute("data-domain", "nhcarrigan.com");
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-page",
-  nhcarriganHeadersTitle?.innerText ?? "Unknown Page",
-);
-nhcarriganHeadersAnalytics.setAttribute(
-  "event-path",
-  nhcarriganHeadersPathname,
-);
+
+  = "https://analytics.nhcarrigan.com/js/pa-YUXAn1vhhRttySUAw_LMN.js";
 const nhcarriganHeadersAnalytics2 = document.createElement("script");
 nhcarriganHeadersAnalytics2.innerHTML = `
-window.plausible = window.plausible ??
-function() { 
-  (window.plausible.q = window.plausible.q ?? []).push(arguments) 
-}
+  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
+  plausible.init({
+    customProperties: {
+      domain: "${nhcarriganHeadersHostname}",
+      page: "${nhcarriganHeadersTitle?.innerText ?? "Unknown Page"}",
+      path: "${nhcarriganHeadersPathname}",
+    },
+  })
 `;
 const nhcarriganHeadersGoogleAdsense = document.createElement("script");
 nhcarriganHeadersGoogleAdsense.async = true;
@@ -405,23 +856,35 @@ nhcarriganHeadersGoogleAdsense.setAttribute("crossorigin", "anonymous");
 
 // #region Inject Elements
 
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersCharacterSet);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersViewport);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersThemeColor);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersReferrer);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphTitle);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphDescription);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImage);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphUrl);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphType);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphSiteName);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphLocale);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageAlt);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageWidth);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersOpenGraphImageHeight);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterCard);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterDomain);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterUrl);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterTitle);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterDescription);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterImage);
-
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterSite);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTwitterCreator);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersFavicon);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAppleTouchIcon);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersSmallIcon);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersLargeIcon);
-
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersFormatDetection);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersRobots);
+nhcarriganHeadersHead?.appendChild(nhcarriganHeadersAuthor);
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersStyles);
 
 nhcarriganHeadersHead?.appendChild(nhcarriganHeadersTreeNation);
@@ -515,23 +978,27 @@ nhcarriganHeadersCta.style.position = "fixed";
 nhcarriganHeadersCta.style.top = "50%";
 nhcarriganHeadersCta.style.left = "50%";
 nhcarriganHeadersCta.style.transform = "translate(-50%, -50%)";
-nhcarriganHeadersCta.style.padding = "10px";
-nhcarriganHeadersCta.style.borderRadius = "10px";
-nhcarriganHeadersCta.style.backgroundColor = "var(--background)";
-nhcarriganHeadersCta.style.color = "var(--foreground)";
+nhcarriganHeadersCta.style.padding = "40px";
+nhcarriganHeadersCta.style.borderRadius = "20px";
+nhcarriganHeadersCta.style.backgroundColor = "var(--witch-moon)";
+nhcarriganHeadersCta.style.color = "var(--witch-purple)";
 nhcarriganHeadersCta.style.textAlign = "center";
 nhcarriganHeadersCta.style.width = "95%";
 nhcarriganHeadersCta.style.maxWidth = "400px";
+nhcarriganHeadersCta.style.border = "2px solid var(--witch-plum)";
+nhcarriganHeadersCta.style.boxShadow = "0 20px 40px rgba(0, 0, 0, 0.5)";
 nhcarriganHeadersCta.id = "community-cta";
 nhcarriganHeadersCta.innerHTML = `
-  <h1 autofocus>Hello~!</h1>
-  <div style="display: flex; justify-content: space-around; margin-bottom: 10px;">
-    <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 100px; height: 100px;">
-    <p>
-      Consider joining our community so you can keep up to date on all of our latest activities!
+  <h1 autofocus style="font-size: 2rem; margin-bottom: 20px; color: var(--witch-plum);">Welcome~! 🌙</h1>
+  <div style="display: flex; justify-content: space-around; margin-bottom: 25px; align-items: center;">
+    <img src="https://cdn.nhcarrigan.com/logo.png" alt="NHCarrigan Logo" style="width: 80px; height: 80px; filter: hue-rotate(280deg) saturate(0.7);">
+    <p style="flex: 1; margin-left: 20px; line-height: 1.8;">
+      Join our magical community to stay connected with our latest projects and activities!
     </p>
   </div>
-  <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer" style="padding: 10px; background: var(--foreground); color: var(--background); outline: none">Okay, take me there~!</a>
+  <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer" style="display: inline-block; padding: 15px 35px; background: linear-gradient(135deg, var(--witch-plum), var(--witch-purple)); color: var(--witch-moon); text-decoration: none; border-radius: 30px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(68, 39, 90, 0.3);">
+    Join Our Community~! ✨
+  </a>
 `;
 
 const nhcarriganHeadersModalBg = document.createElement("div");
@@ -541,7 +1008,8 @@ nhcarriganHeadersModalBg.style.top = "0";
 nhcarriganHeadersModalBg.style.left = "0";
 nhcarriganHeadersModalBg.style.width = "100vw";
 nhcarriganHeadersModalBg.style.height = "100vh";
-nhcarriganHeadersModalBg.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
+nhcarriganHeadersModalBg.style.background = "rgba(10, 0, 9, 0.7)";
+nhcarriganHeadersModalBg.style.backdropFilter = "blur(5px)";
 nhcarriganHeadersModalBg.style.display = "none";
 nhcarriganHeadersModalBg.id = "modal-bg";
 const nhcarriganHeadersCloseModal = (): void => {
@@ -592,4 +1060,10 @@ const nhcarriganHeadersShowModal = (): void => {
 
 nhcarriganHeadersBody?.appendChild(nhcarriganHeadersCta);
 nhcarriganHeadersBody?.appendChild(nhcarriganHeadersModalBg);
-nhcarriganHeadersShowModal();
+
+const nhcarriganNoModalUrls = [
+  "https://forms.nhcarrigan.com/o/docs/forms/7LNb8jFoN4SPBvP7vRxDi2/4",
+];
+if (!nhcarriganNoModalUrls.includes(nhcarriganHeadersUrl)) {
+  nhcarriganHeadersShowModal();
+}