Update index.html

index.html

@@ -22,8 +22,10 @@
             align-items: center;
             height: 100vh;
             margin: 0;
+            padding-bottom: 50px; /* Add padding to prevent footer from overlapping content */
             background: linear-gradient(45deg, var(--pink), var(--blue));
             color: var(--dark-text);
+            box-sizing: border-box;
         }
 
         .container {
@@ -136,6 +138,20 @@
             font-size: 3em;
             margin-bottom: 20px;
         }
+        
+        footer {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            padding: 15px;
+            background-color: rgba(0, 0, 0, 0.1);
+            color: var(--white);
+            text-align: center;
+            font-size: 14px;
+            z-index: 100;
+            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
+        }
 
     </style>
 </head>
@@ -143,7 +159,7 @@
 
     <div id="app-container">
         <div id="song-selection" class="container">
-            <h1> ✨🍨 K AI Pop Dance - Challenge your Friend 💖✨</h1>
+            <h1>✨🍨 K AI Pop Dance - Challenge your Friend 💖✨</h1>
             <p>Choose your battle track!</p>
             <button id="song-aespa">Aespa - Dirty Work</button>
             <button id="song-itzy">Itzy - girls will be girl</button>
@@ -169,6 +185,10 @@
             <button id="restart-button">Play Again? 💖</button>
         </div>
     </div>
+    
+    <footer>
+        Fredmo - vibe coded with gemini 2.5 pro - 2025 - All rights reserved to their respective owners
+    </footer>
 
     <audio id="audio-player"></audio>
 
@@ -392,7 +412,7 @@
             const frameCount = Math.min(player1Data.length, player2Data.length);
 
             if (frameCount < 5) {
-                 scoreDisplay.textContent = "Not enough data captured! 😭 Try dancing more clearly!";
+                 scoreDisplay.textContent = "Not enough data! 😭 Try dancing more clearly!";
                  return;
             }
 
@@ -407,8 +427,6 @@
         }
         
         function restartGame() {
-            // The simplest and most robust way to restart is to reload the page.
-            // This guarantees all state is reset to its default.
             location.reload();
         }
 
@@ -429,6 +447,5 @@
         // Start the application
         main();
     </script>
-  <div><br>fredmo - 2025 - All rights reserved to their respective owners </br></div> 
 </body>
 </html>