From 21edcb02674908f2bd8f154c35441ee12844d253 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Mon, 23 Feb 2026 12:07:34 -0500
Subject: [PATCH] live user count for federated nexus

---
 src/pages/index.astro | 18 ++++++++++++++----
 src/styles/index.css  |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index e31ef66..76efa03 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -76,10 +76,10 @@ import CallToAction from "../components/CallToAction.astro"
                         <p>
                             I run <a href="https://federated.nexus"
                                 >Federated Nexus</a
-                            >, a community resource hosted on Nix with over 250
-                            users. We host many FOSS (especially federated)
-                            services, including Matrix, LaSuite Docs, and
-                            Forgejo.
+                            >, a community resource hosted on Nix with <span
+                                id="user-count">over 450</span
+                            > users. We host many FOSS (especially federated) services,
+                            including Matrix, LaSuite Docs, and Forgejo.
                         </p>
                     </article>
                     <aside>
@@ -275,3 +275,13 @@ import CallToAction from "../components/CallToAction.astro"
     </mdui-card>
     <BottomBar slot="navbar" />
 </Layout>
+
+<script>
+    ;(async () => {
+        const response = await fetch(
+            "https://matrix.federated.nexus/_continuwuity/local_user_count"
+        )
+        const json = await response.json()
+        document.querySelector("#user-count")!.innerHTML = json["count"]
+    })()
+</script>
diff --git a/src/styles/index.css b/src/styles/index.css
index 8f97e06..d10f6b3 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -53,7 +53,7 @@ main > * > section {
             justify-content: center;
             flex-wrap: wrap;
             & article {
-                & span {
+                & > span {
                     color: hsl(0, 0%, 60%);
                 }
                 & h3 {