From 87b0f7c3ba1afb2a5bae59f17f0da174336e9b7b Mon Sep 17 00:00:00 2001
From: Voxel <voxel@mailfence.com>
Date: Mon, 14 Apr 2025 16:53:57 -0400
Subject: [PATCH] Update index.html

---
 assets/games/casino/index.html | 68 ++++++++++------------------------
 1 file changed, 20 insertions(+), 48 deletions(-)
diff --git a/assets/games/casino/index.html b/assets/games/casino/index.html
index bfebae2..c42f5ce 100644
--- a/assets/games/casino/index.html
+++ b/assets/games/casino/index.html
@@ -8,13 +8,17 @@
 </head>
 <body>
   <div id="app">
+    <!-- Username Setup -->
     <div id="username-setup" class="screen active">
       <h1>Welcome to the Casino!</h1>
       <p>Enter your username to start:</p>
       <input type="text" id="username-input" placeholder="Your username"/>
       <button onclick="startGame()">Start Game</button>
+      <p>Or import your progress:</p>
+      <input type="file" id="import-file" />
     </div>
 
+    <!-- Main Menu -->
     <div id="main-menu" class="screen">
       <h2>Welcome, <span id="player-username"></span>!</h2>
       <p>Money: $<span id="player-money"></span></p>
@@ -31,8 +35,12 @@
       <button onclick="showScreen('crash')">Crash</button>
       <button onclick="showScreen('keno')">Keno</button>
       <button onclick="showScreen('stats')">View Stats</button>
+
+      <h3>Options:</h3>
+      <button onclick="exportProgress()">Export Progress</button>
     </div>
 
+    <!-- Blackjack Game -->
     <div id="blackjack" class="screen">
       <h2>🃏 Blackjack 🃏</h2>
       <p>Money: $<span id="blackjack-money"></span></p>
@@ -48,21 +56,28 @@
       <button onclick="returnToMenu()">Return to Menu</button>
     </div>
 
+    <!-- Slots Game -->
     <div id="slots" class="screen">
       <h2>🎰 Slots 🎰</h2>
       <p>Money: $<span id="slots-money"></span></p>
       <input type="number" id="slots-bet" min="1" placeholder="Enter your bet"/>
       <button onclick="playSlots()">Spin</button>
       <div id="slots-result">
-        <p>Result: <span id="slots-reels">- - -</span></p>
+        <div id="slots-reels">
+          <span class="reel"><span>-</span></span>
+          <span class="reel"><span>-</span></span>
+          <span class="reel"><span>-</span></span>
+        </div>
         <p id="slots-message"></p>
       </div>
       <button onclick="returnToMenu()">Return to Menu</button>
     </div>
 
+    <!-- Roulette Game -->
     <div id="roulette" class="screen">
       <h2>🎲 Roulette 🎲</h2>
       <p>Money: $<span id="roulette-money"></span></p>
+      <div id="roulette-animation"></div>
       <input type="number" id="roulette-bet" min="1" placeholder="Enter your bet"/>
       <select id="roulette-choice">
         <option value="red">Red</option>
@@ -74,62 +89,18 @@
       <button onclick="returnToMenu()">Return to Menu</button>
     </div>
 
-    <div id="horse" class="screen">
-      <h2>🏇 Horse Betting 🏇</h2>
-      <p>Money: $<span id="horse-money"></span></p>
-      <input type="number" id="horse-bet" min="1" placeholder="Enter your bet"/>
-      <select id="horse-choice">
-        <option value="1">Horse 1</option>
-        <option value="2">Horse 2</option>
-        <option value="3">Horse 3</option>
-      </select>
-      <button onclick="playHorse()">Race!</button>
-      <p id="horse-result"></p>
-      <button onclick="returnToMenu()">Return to Menu</button>
-    </div>
-
-    <div id="war" class="screen">
-      <h2>⚔️ Casino War ⚔️</h2>
-      <p>Money: $<span id="war-money"></span></p>
-      <input type="number" id="war-bet" min="1" placeholder="Enter your bet"/>
-      <button onclick="playWar()">Battle!</button>
-      <p id="war-result"></p>
-      <button onclick="returnToMenu()">Return to Menu</button>
-    </div>
-
-    <div id="coinflip" class="screen">
-      <h2>🪙 Coin Flip 🪙</h2>
-      <p>Money: $<span id="coinflip-money"></span></p>
-      <input type="number" id="coinflip-bet" min="1" placeholder="Enter your bet"/>
-      <select id="coinflip-choice">
-        <option value="heads">Heads</option>
-        <option value="tails">Tails</option>
-      </select>
-      <button onclick="playCoinflip()">Flip!</button>
-      <p id="coinflip-result"></p>
-      <button onclick="returnToMenu()">Return to Menu</button>
-    </div>
-
+    <!-- Crash Game -->
     <div id="crash" class="screen">
       <h2>📈 Crash 📈</h2>
       <p>Money: $<span id="crash-money"></span></p>
+      <div id="crash-animation"></div>
       <input type="number" id="crash-bet" min="1" placeholder="Enter your bet"/>
       <button onclick="playCrash()">Play</button>
       <p id="crash-result"></p>
       <button onclick="returnToMenu()">Return to Menu</button>
     </div>
 
-    <div id="keno" class="screen">
-      <h2>🎯 Keno 🎯</h2>
-      <p>Money: $<span id="keno-money"></span></p>
-      <input type="number" id="keno-bet" min="1" placeholder="Enter your bet"/>
-      <p>Pick numbers (1-10, comma separated):</p>
-      <input type="text" id="keno-numbers" placeholder="e.g., 1,3,7"/>
-      <button onclick="playKeno()">Play</button>
-      <p id="keno-result"></p>
-      <button onclick="returnToMenu()">Return to Menu</button>
-    </div>
-
+    <!-- Stats Screen -->
     <div id="stats" class="screen">
       <h2>📊 Stats 📊</h2>
       <p>Username: <span id="stats-username"></span></p>
@@ -146,6 +117,7 @@
       <p>Keno Wins: <span id="stats-keno-wins"></span></p>
       <button onclick="returnToMenu()">Return to Menu</button>
     </div>
+
   </div>
 
   <script src="script.js"></script>
