Sync

app/assets/css/index.css

@@ -183,6 +183,12 @@ button.default:hover {
     background-color: #00000060;
 }
 
+section.players {
+    position: absolute;
+    bottom: 54px;
+    right: 70px;
+}
+
 p.players {
     width: 185px;
     padding: 3px 3px 3px 3px;
@@ -235,6 +241,12 @@ main > footer > section.right {
     height: 100%;
 }
 
+main > section.twitch {
+    position: absolute;
+    top: 60px;
+    right: 60px;
+}
+
 [hidden] {
     display: none;
     visibility: hidden;

app/assets/js/index.js

@@ -32,4 +32,12 @@ function hideNavBar() {
     for (const button of uiButton.children) {
         button.removeAttribute("hidden")
     }
-}
+}
+
+window.onload = () => {
+    system.call("server::ping")
+}
+
+system.result("server::ping", (data) => {
+    playersStatus.innerText = `${data.players.online}/${data.players.max}`
+})