live user count for federated nexus

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>

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 {