69 lines
2.1 KiB
HTML
69 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Home</title>
|
|
<link rel="stylesheet" href="styles_home.css">
|
|
<link rel="icon" href="gambling.png" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<canvas id="matrix-canvas"></canvas>
|
|
<div class="leaderboard">
|
|
<h3>🏆 High Rollers</h3>
|
|
<ul id="leaderboard-list">
|
|
<li>Loading...</li>
|
|
</ul>
|
|
<div id="your-rank" class="your-rank"></div>
|
|
</div>
|
|
|
|
|
|
<button class="logout" id="logout">Logout</button>
|
|
<div class="balance">
|
|
Balance: $<span id="balance">0</span>
|
|
</div>
|
|
<div class="lobby-buttons">
|
|
<button id="host">Host Lobby</button>
|
|
<button id="join">Join Lobby</button>
|
|
</div>
|
|
<div id="host-form" class="host-form hidden">
|
|
<div class="lobby-visibility" aria-label="Lobby visibility">
|
|
<label>
|
|
<input type="radio" name="lobby-visibility" value="public" checked/>
|
|
Public Lobby
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="lobby-visibility" value="private"/>
|
|
Private Lobby
|
|
</label>
|
|
</div>
|
|
<button id="create-lobby" type="button">Create Lobby</button>
|
|
</div>
|
|
<div id="join-form" class="join-browser hidden">
|
|
<div class="join-code-row">
|
|
<input type="text" id="join-code" placeholder="Enter Lobby ID"/>
|
|
<button id="submit-join">Join</button>
|
|
</div>
|
|
<div class="browser-header">
|
|
<h2>Public Lobbies</h2>
|
|
<button id="refresh-lobbies" type="button">Refresh</button>
|
|
</div>
|
|
<div id="public-lobbies" class="public-lobbies">
|
|
<p>No public lobbies found</p>
|
|
</div>
|
|
</div>
|
|
<div id="join-error" class="error-message hidden"></div>
|
|
<div id="lobby-room" class="lobby-room hidden">
|
|
<div class="lobby-header">
|
|
<button id="leave-button" class="leave-button">Leave Lobby</button>
|
|
</div>
|
|
<h2>Lobby ID: <span id="lobby-id">N/A</span></h2>
|
|
<div id="player-list">
|
|
<p>Waiting for players...</p>
|
|
</div>
|
|
<button id="start-game" class="start-game hidden" disabled>Start Game</button>
|
|
</div>
|
|
</body>
|
|
<script src="frontend_home.js" defer></script>
|
|
<script src="matrix.js"></script>
|
|
</html>
|