show user count

modules/web/index.html

@@ -4,6 +4,7 @@
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width,initial-scale=1" />
         <title>Radio95 Track Monitor</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
         <style>
             :root{
                 --panel:#11161c; --muted:#98a0a8; --accent:#3ea6ff; --card:#0b1014;
@@ -254,7 +255,8 @@
         </div>
 
         <div class="footer small">
-            <div>Server: <span id="server-status">connecting...</span></div>
+            <div><i class="fa-solid fa-server"></i>  <span id="server-status">connecting...</span></div>
+            <div><i class="fa-solid fa-user"></i>  <span id="user-count">-</span></div>
             <div class="small" id="keybinds">
                 <span><kbd>S</kbd> skip</span>
                 <span><kbd>N</kbd> +skip</span>

modules/web/web.js

@@ -132,6 +132,9 @@ function handleMessage(msg) {
             skippedIndices = msg.data?.data ?? skippedIndices;
             renderAll();
             break;
+        case "users":
+            document.getElementById("user-count").textContent = msg.data;
+            break;
     }
 }