Update index.html

ToniBloney23 · web-flow · commit da0eaf04225b · 2025-06-19T20:55:04.000-04:00
diff --git a/index.html b/index.html
@@ -292,9 +292,24 @@
         margin-bottom: 15px;
     }
 
+    #loader {
+      position: fixed;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 9999;
+      background: #232526;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 2rem;
+      color: #4CAF50;
+    }
   </style>
 </head>
 <body>
+  <div id="loader">Loading...</div>
   <div class="container">
     <h1>Wall Ball Rep Tracker</h1>
     <p>Use your camera to count your wall ball reps automatically.</p>
@@ -475,6 +490,9 @@ <h2>Session History</h2>
             }
         });
 
+        const loader = document.getElementById('loader');
+        loader.style.display = 'none';
+
         async function detect() {
             const poses = await detector.estimatePoses(video);
             ctx.clearRect(0, 0, canvas.width, canvas.height);
