- mcp_poker
- public
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Holdem Poker Game</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="container" class="container">
<h1>Holdem Poker Game</h1>
<div id="loginContainer" class="login-container">
<h2>Welcome to Poker</h2>
<div class="form-group">
<label for="playerName">Your Name</label>
<input type="text" id="playerName" placeholder="Enter your name">
</div>
<button id="loginBtn">Start Playing</button>
</div>
<div id="tablesContainer" class="tables-container hidden">
<h2>Available Tables</h2>
<div class="btn-group">
<button id="refreshTablesBtn">Refresh Tables</button>
<button id="createTableBtn">Create New Table</button>
</div>
<div id="tableList" class="table-list"></div>
</div>
<div id="createTableContainer" class="create-table-container hidden">
<h2>Create New Table</h2>
<div class="form-group">
<label for="tableName">Table Name</label>
<input type="text" id="tableName" placeholder="Enter table name">
</div>
<div class="form-row">
<div>
<label for="smallBlind">Small Blind</label>
<input type="number" id="smallBlind" placeholder="Small Blind" value="5">
</div>
<div>
<label for="bigBlind">Big Blind</label>
<input type="number" id="bigBlind" placeholder="Big Blind" value="10">
</div>
<div>
<label for="maxPlayers">Max Players</label>
<input type="number" id="maxPlayers" placeholder="Max Players" value="9">
</div>
</div>
<div class="btn-group">
<button id="submitTableBtn">Create Table</button>
<button id="cancelTableBtn">Cancel</button>
</div>
</div>
<div id="gameContainer" class="game-container hidden">
<div id="game-stage" class="game-stage">
<div id="tableNameText">Table Name</div>
</div>
<div class="notification-area"></div>
<div class="poker-table">
<div class="pot" id="pot">Pot: $0</div>
<div class="community-cards" id="communityCards"></div>
<div class="player-seats-container">
<!-- Player seats will be added dynamically here -->
</div>
</div>
<div class="player-hand" id="playerHand"></div>
<div class="actions" id="actions">
<button id="foldBtn" disabled>Fold</button>
<button id="checkBtn" disabled>Check</button>
<button id="callBtn" disabled>Call</button>
<button id="betBtn" disabled>Bet</button>
<input type="number" id="betAmount" placeholder="Bet Amount" min="0" step="5">
<button id="raiseBtn" disabled>Raise</button>
<button id="leaveTableBtn">Leave Table</button>
</div>
</div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="/js/poker-client.js" type="module"></script>
</body>
</html>