v1

Dockerfile

@@ -7,4 +7,4 @@ RUN pip install --no-cache-dir -r requirements.txt
 
 COPY . .
 
-CMD ["gunicorn", "--bind", "0.0.0.0:7860", "app:app"]
+CMD ["gunicorn", "--bind", "0.0.0.0:7860", "app:app"]

README.md

@@ -1,6 +1,6 @@
 ---
 title: 1kcoinsA
-emoji: 📚
+emoji: 💰
 colorFrom: pink
 colorTo: indigo
 sdk: docker

app.py

@@ -1,10 +1,18 @@
 from flask import Flask, render_template, jsonify, request
+
+from flask import session
+from flask_session import Session
+
 import json
 import random
 import os
 
 app = Flask(__name__)
 
+app.config['SECRET_KEY'] = os.urandom(24)
+app.config['SESSION_TYPE'] = 'filesystem'
+Session(app)
+
 # Load coins from JSON file
 def load_coins():
     if not os.path.exists('coins.json'):
@@ -23,15 +31,19 @@ def index():
 
 @app.route('/api/coins')
 def get_coins():
-    return jsonify(load_coins())
+    if 'coins' not in session:
+        session['coins'] = load_coins()
+    return jsonify(session['coins'])
 
 @app.route('/api/flip', methods=['POST'])
 def flip_coin():
     data = request.json
     coin_id = data['coinId']
-    coins = load_coins()
+    if 'coins' not in session:
+        session['coins'] = load_coins()
+    coins = session['coins']
     coin = next((c for c in coins if c['id'] == coin_id), None)
-    
+
     if coin and random.random() < coin['winrate']:
         return jsonify({'result': 'heads', 'value': coin['value']})
     else:
@@ -39,14 +51,17 @@ def flip_coin():
 
 @app.route('/api/mint', methods=['POST'])
 def mint_coin():
-    coins = load_coins()
+    if 'coins' not in session:
+        session['coins'] = load_coins()
+    coins = session['coins']
     new_id = max(coin['id'] for coin in coins) + 1
-    
-    # Algorithm to balance cost, price, and value
-    winrate = random.uniform(0.1, 0.9)
-    value = random.uniform(0.1, 2.0)
-    price = int(max(1, (winrate * value * 100) ** 1.5))
-    
+
+    # More balanced algorithm for cost, price, and value
+    base_price = 4 + (new_id - 1) * 2  # Base price increases with each new coin
+    winrate = random.uniform(0.42, 0.98)  # More balanced win rate
+    value = random.uniform(0.5, 1.5) * (base_price / 4)  # Value scales with base price
+    price = int(base_price * (1 + random.uniform(-0.1, 0.1)))  # Price varies slightly around base
+
     new_coin = {
         'id': new_id,
         'color': f'#{random.randint(0, 0xFFFFFF):06x}',
@@ -54,33 +69,35 @@ def mint_coin():
         'value': round(value, 2),
         'winrate': round(winrate, 2)
     }
-    
+
     coins.append(new_coin)
+    session['coins'] = coins
+    session.modified = True
     save_coins(coins)
     return jsonify(new_coin)
 
 @app.route('/api/leaderboard', methods=['GET', 'POST'])
 def leaderboard():
     leaderboard_file = 'leaderboard.json'
-    
+
     if request.method == 'POST':
         data = request.json
         initials = data['initials']
         score = data['score']
-        
+
         try:
             with open(leaderboard_file, 'r') as f:
                 leaderboard = json.load(f)
         except FileNotFoundError:
             leaderboard = []
-        
+
         leaderboard.append({'initials': initials, 'score': score})
         leaderboard.sort(key=lambda x: x['score'], reverse=True)
         leaderboard = leaderboard[:10]  # Keep only top 10
-        
+
         with open(leaderboard_file, 'w') as f:
             json.dump(leaderboard, f)
-        
+
         return jsonify({'success': True})
     else:
         try:
@@ -88,8 +105,8 @@ def leaderboard():
                 leaderboard = json.load(f)
         except FileNotFoundError:
             leaderboard = []
-        
+
         return jsonify(leaderboard)
 
 if __name__ == '__main__':
-    app.run(debug=True, host='0.0.0.0', port=7860)
+    app.run(debug=True, host='0.0.0.0', port=7860)

requirements.txt

@@ -1,3 +1,4 @@
 Flask==2.0.3
+Flask-Session==0.4.0
 Werkzeug==2.0.3
-gunicorn==20.1.0
+gunicorn==20.1.0

static/css/style.css

@@ -73,7 +73,7 @@ body {
 }
 
 #mint-button {
-    background-color: #4CAF50;
+    background-color: #4caf50;
     border: none;
     color: white;
     padding: 10px 20px;
@@ -107,11 +107,18 @@ body {
 }
 
 #leaderboard table {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: white;
+    margin-bottom: 20px;
+    max-height: 300px;
+    overflow-y: auto;
+
     width: 100%;
     border-collapse: collapse;
 }
 
-#leaderboard th, #leaderboard td {
+#leaderboard th,
+#leaderboard td {
     border: 1px solid white;
     padding: 5px;
     text-align: center;
@@ -126,8 +133,9 @@ body {
     font-size: 16px;
 }
 
-#submit-score, #play-again {
-    background-color: #4CAF50;
+#submit-score,
+#play-again {
+    background-color: #4caf50;
     border: none;
     color: white;
     padding: 10px 20px;
@@ -138,4 +146,25 @@ body {
     margin: 4px 2px;
     cursor: pointer;
     border-radius: 5px;
-}
+}
+
+.coin-tooltip {
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.8);
+    color: white;
+    padding: 10px;
+    border-radius: 5px;
+    font-size: 14px;
+    z-index: 1000;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.shop-item:hover .coin-tooltip {
+    opacity: 1;
+}
+
+.coin-tooltip p {
+    margin: 5px 0;
+}

static/js/game.js

@@ -4,89 +4,91 @@ let currentCoin = 1;
 let coins = [];
 
 function updateStats() {
-    document.getElementById('balance').textContent = `$${balance.toFixed(2)}`;
-    document.getElementById('flips-left').textContent = flipsLeft;
+  document.getElementById("balance").textContent = `$${balance.toFixed(2)}`;
+  document.getElementById("flips-left").textContent = flipsLeft;
 }
-
 function updateShop() {
-    const shop = document.getElementById('shop');
-    shop.innerHTML = '';
-    
-    coins.forEach(coin => {
-        const coinElement = document.createElement('div');
-        coinElement.className = 'shop-item';
-        coinElement.innerHTML = `
-            <div class="coin-icon ${coin.id === currentCoin ? 'selected' : ''}" 
+  const shop = document.getElementById("shop");
+  shop.innerHTML = "";
+
+  coins.forEach((coin) => {
+    const coinElement = document.createElement("div");
+    coinElement.className = "shop-item";
+    coinElement.innerHTML = `
+            <div class="coin-icon ${coin.id === currentCoin ? "selected" : ""}"
                  style="background-color: ${coin.color};"
-                 onclick="selectCoin(${coin.id})"></div>
+                 onclick="selectCoin(${coin.id})"
+                 title="Win Rate: ${(coin.winrate * 100).toFixed(1)}%
+Value: $${coin.value.toFixed(2)}
+Price: $${coin.price}"></div>
             <div>$${coin.price}</div>
         `;
-        shop.appendChild(coinElement);
-    });
-    
-    const mintButton = document.createElement('button');
-    mintButton.id = 'mint-button';
-    mintButton.textContent = '🎲 Mint ($4)';
-    mintButton.onclick = mintCoin;
-    shop.appendChild(mintButton);
+    shop.appendChild(coinElement);
+  });
+
+  const mintButton = document.createElement("button");
+  mintButton.id = "mint-button";
+  mintButton.textContent = "🎲 Mint ($4)";
+  mintButton.onclick = mintCoin;
+  shop.appendChild(mintButton);
 }
 
 function selectCoin(id) {
-    const coin = coins.find(c => c.id === id);
-    if (coin && balance >= coin.price) {
-        balance -= coin.price;
-        currentCoin = id;
-        updateStats();
-        updateShop();
-    }
+  const coin = coins.find((c) => c.id === id);
+  if (coin && balance >= coin.price) {
+    balance -= coin.price;
+    currentCoin = id;
+    updateStats();
+    updateShop();
+  }
 }
 
 async function flipCoin() {
-    if (flipsLeft > 0) {
-        flipsLeft--;
-        const response = await fetch('/api/flip', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ coinId: currentCoin }),
-        });
-        const result = await response.json();
-        
-        const coin = document.getElementById('coin');
-        coin.style.transform = 'rotateY(720deg)';
-        setTimeout(() => {
-            coin.style.transform = 'rotateY(0deg)';
-            if (result.result === 'heads') {
-                balance += result.value;
-                coin.textContent = 'H';
-            } else {
-                coin.textContent = 'T';
-            }
-            updateStats();
-        }, 500);
-        
-        if (flipsLeft === 0) {
-            setTimeout(gameOver, 1000);
-        }
+  if (flipsLeft > 0) {
+    flipsLeft--;
+    const response = await fetch("/api/flip", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ coinId: currentCoin }),
+    });
+    const result = await response.json();
+
+    const coin = document.getElementById("coin");
+    coin.style.transform = "rotateY(720deg)";
+    setTimeout(() => {
+      coin.style.transform = "rotateY(0deg)";
+      if (result.result === "heads") {
+        balance += result.value;
+        coin.textContent = "H";
+      } else {
+        coin.textContent = "T";
+      }
+      updateStats();
+    }, 500);
+
+    if (flipsLeft === 0) {
+      setTimeout(gameOver, 1000);
     }
+  }
 }
 
 async function mintCoin() {
-    if (balance >= 4) {
-        balance -= 4;
-        const response = await fetch('/api/mint', { method: 'POST' });
-        const newCoin = await response.json();
-        coins.push(newCoin);
-        updateStats();
-        updateShop();
-    }
+  if (balance >= 4) {
+    balance -= 4;
+    const response = await fetch("/api/mint", { method: "POST" });
+    const newCoin = await response.json();
+    coins.push(newCoin);
+    updateStats();
+    updateShop();
+  }
 }
 
 async function gameOver() {
-    const gameOverScreen = document.createElement('div');
-    gameOverScreen.id = 'game-over';
-    gameOverScreen.innerHTML = `
+  const gameOverScreen = document.createElement("div");
+  gameOverScreen.id = "game-over";
+  gameOverScreen.innerHTML = `
         <h2>Game Over</h2>
         <p>Your final balance: $${balance.toFixed(2)}</p>
         <div id="leaderboard"></div>
@@ -96,63 +98,72 @@ async function gameOver() {
         </form>
         <button id="play-again">Play Again</button>
     `;
-    document.body.appendChild(gameOverScreen);
-    
-    document.getElementById('initials-form').onsubmit = submitScore;
-    document.getElementById('play-again').onclick = resetGame;
-    
-    await updateLeaderboard();
+  document.body.appendChild(gameOverScreen);
+
+  document.getElementById("initials-form").onsubmit = submitScore;
+  document.getElementById("play-again").onclick = resetGame;
+
+  await updateLeaderboard();
 }
 
 async function submitScore(event) {
-    event.preventDefault();
-    const initials = document.getElementById('initials-input').value.toUpperCase();
-    if (initials) {
-        await fetch('/api/leaderboard', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ initials, score: balance }),
-        });
-        await updateLeaderboard();
-    }
+  event.preventDefault();
+  const initials = document
+    .getElementById("initials-input")
+    .value.toUpperCase();
+  if (initials) {
+    await fetch("/api/leaderboard", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ initials, score: balance }),
+    });
+    await updateLeaderboard();
+  }
 }
 
 async function updateLeaderboard() {
-    const response = await fetch('/api/leaderboard');
-    const leaderboard = await response.json();
-    const leaderboardElement = document.getElementById('leaderboard');
-    leaderboardElement.innerHTML = `
+  const response = await fetch("/api/leaderboard");
+  const leaderboard = await response.json();
+  const leaderboardElement = document.getElementById("leaderboard");
+  leaderboardElement.innerHTML = `
         <h3>Leaderboard</h3>
         <table>
             <tr><th>Rank</th><th>Initials</th><th>Score</th></tr>
-            ${leaderboard.map((entry, index) => `
+            ${leaderboard
+              .map(
+                (entry, index) => `
                 <tr>
                     <td>${index + 1}</td>
                     <td>${entry.initials}</td>
                     <td>$${entry.score.toFixed(2)}</td>
                 </tr>
-            `).join('')}
+            `,
+              )
+              .join("")}
         </table>
     `;
 }
-
 function resetGame() {
-    balance = 10;
-    flipsLeft = 1000;
-    currentCoin = 1;
-    updateStats();
-    updateShop();
-    document.getElementById('game-over').remove();
+  balance = 10;
+  flipsLeft = 1000;
+  currentCoin = 1;
+  coins = []; // Reset coins array
+  initGame(); // Re-initialize the game to get initial coin state
+  updateStats();
+  updateShop();
+  document.getElementById("game-over").remove();
 }
 
 async function initGame() {
-    const response = await fetch('/api/coins');
-    coins = await response.json();
-    updateStats();
-    updateShop();
-    document.getElementById('coin').onclick = flipCoin;
+  const response = await fetch("/api/coins");
+  coins = await response.json();
+  updateStats();
+  updateShop();
+  document.getElementById("coin").onclick = flipCoin;
 }
 
-initGame();
+initGame();
+
+console.log("Game initialized successfully");

templates/index.html

@@ -1,32 +1,40 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>1kcoins</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
-</head>
-<body>
-    <div id="stats">
-        <div>Balance: <span id="balance">$10.00</span></div>
-        <div>Flips left: <span id="flips-left">1000</span></div>
-    </div>
-    <div id="game-area">
-        <div id="coin">Flip</div>
-    </div>
-    <div id="shop"></div>
-    
-    <div id="game-over" style="display: none;">
-        <h2>Game Over</h2>
-        <p>Your final balance: $<span id="final-balance"></span></p>
-        <div id="leaderboard"></div>
-        <form id="initials-form">
-            <input type="text" id="initials-input" maxlength="3" placeholder="Enter your initials">
-            <button type="submit" id="submit-score">Submit Score</button>
-        </form>
-        <button id="play-again">Play Again</button>
-    </div>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>1kcoins</title>
+        <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/style.css') }}"
+        />
+    </head>
+    <body>
+        <div id="stats">
+            <div>Balance: <span id="balance">$10.00</span></div>
+            <div>Flips left: <span id="flips-left">1000</span></div>
+        </div>
+        <div id="game-area">
+            <div id="coin">Flip</div>
+        </div>
+        <div id="shop"></div>
 
-    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
-</body>
-</html>
+        <div id="game-over" style="display: none">
+            <h2>Game Over</h2>
+            <p>Your final balance: $<span id="final-balance"></span></p>
+            <div id="leaderboard"></div>
+            <form id="initials-form">
+                <input
+                    type="text"
+                    id="initials-input"
+                    maxlength="3"
+                    placeholder="Enter your initials"
+                />
+                <button type="submit" id="submit-score">Submit Score</button>
+            </form>
+            <button id="play-again">Play Again</button>
+        </div>
+
+        <script src="{{ url_for('static', filename='js/game.js') }}"></script>
+    </body>
+</html>