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}`
+})

app/logged.html

@@ -92,15 +92,12 @@
                             <label for="slim">Slim (Alex)</label>
                         </div>
                     </fieldset>
-                    <button class="classic" onclick="system.call('skin::set')">
+                    <button class="classic" onclick="system.call('skin::set', { variant: temp1.querySelector('input:checked').value })">
                         Choisir le fichier
                     </button>
-                    <button class="classic" onclick="system.call('skin::validate')">
-                        Valider
-                    </button>
                 </article>
             </details>
-            <button class="nav" onclick="system.openInBrowser('https://catboat.fr')">
+            <button class="nav" onclick="system.openInBrowser('https://nyancraft.catboat.fr/support')">
                 <i class="fas fa-siren-on"></i>
                 <span>
                     Police
@@ -119,6 +116,19 @@
                 </span>
             </button>
         </nav>
+        <section class="twitch">
+            <webview src="https://player.twitch.tv/?channel=catboat&parent=localhost&muted=true" bo></webview>
+        </section>
+        <section class="players">
+            <p class="players">
+                <span>
+                    Joueurs : 
+                    <span id="playersStatus">
+                        0/0
+                    </span>
+                </span>
+            </p>
+        </section>
         <footer>
             <section class="left">
                 <button class="default" onclick="showNavBar()">
@@ -137,14 +147,6 @@
             </section>
             <section class="right">
                 <img class="mascot" src="./assets/img/alcaz_mascote.png" alt="">
-                <p class="players">
-                    <span>
-                        Joueurs : 
-                        <span>
-                            0/0
-                        </span>
-                    </span>
-                </p>
             </section>
         </footer>
     </main>