From fe7884233c3767f567196d4be639ab9ef324496f Mon Sep 17 00:00:00 2001
From: 0880 <98263509+0880880@users.noreply.github.com>
Date: Sun, 18 Jan 2026 19:13:25 +0330
Subject: [PATCH] Fix UI

---
 index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index ce928d1..8e6e8ed 100644
--- a/index.html
+++ b/index.html
@@ -196,7 +196,7 @@
                     if (state == -1) {
                         document.getElementById('stats').textCotnent = "";
                         const now = new Date();
-                        const differenceMs = Math.abs(start_time.getTime() - now.getTime());
+                        const differenceMs = 30 * 60 * 1000 - Math.abs(start_time.getTime() - now.getTime());
                         const totalSeconds = Math.floor(differenceMs / 1000);
 
                         const minutes = Math.floor(totalSeconds / 60);
@@ -205,31 +205,31 @@
                         const paddedMinutes = String(minutes).padStart(2, '0');
                         const paddedSeconds = String(seconds).padStart(2, '0');
 
-                        document.getElementById('clock').textCotnent = `${paddedMinutes}:${paddedSeconds}`;
+                        document.getElementById('clock').innerText = `${paddedMinutes}:${paddedSeconds}`;
 
                         if (UID === undefined || turn != color) {
                             if (turn == 0) {
-                                document.getElementById('turn').textCotnent = "White's Turn";
+                                document.getElementById('turn').innerText = "White's Turn";
                             } else if (turn == 0) {
-                                document.getElementById('turn').textCotnent = "Black's Turn";
+                                document.getElementById('turn').innerText = "Black's Turn";
                             }
                         } else if (turn == color) {
-                            document.getElementById('turn').textCotnent = "Your Turn";
+                            document.getElementById('turn').innerText = "Your Turn";
                         }
                     } else {
-                        document.getElementById('turn').textCotnent = "";
+                        document.getElementById('turn').innerText = "";
                         if (state == 0) {
-                            document.getElementById('stats').textCotnent = "Tie";
+                            document.getElementById('stats').innerText = "Tie";
                         } else if (state == 1) {
-                            document.getElementById('stats').textCotnent = "White Won";
+                            document.getElementById('stats').innerText = "White Won";
                         } else if (state == 2) {
-                            document.getElementById('stats').textCotnent = "Black Won";
+                            document.getElementById('stats').innerText = "Black Won";
                         }
                     }
                 } else {
-                    document.getElementById('turn').textCotnent = "";
-                    document.getElementById('clock').textCotnent = "";
-                    document.getElementById('stats').textCotnent = "Waiting for Opponent";
+                    document.getElementById('turn').innerText = "";
+                    document.getElementById('clock').innerText = "";
+                    document.getElementById('stats').innerText = "Waiting for Opponent";
                 }
             }