diff options
Diffstat (limited to 'web/play/index.html')
| -rw-r--r-- | web/play/index.html | 42 |
1 files changed, 15 insertions, 27 deletions
diff --git a/web/play/index.html b/web/play/index.html index 59a302b..7bebe50 100644 --- a/web/play/index.html +++ b/web/play/index.html | |||
| @@ -4,7 +4,7 @@ | |||
| 4 | <meta charset="utf-8"> | 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> | 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | <title>Play — żagań.bet</title> | 6 | <title>Play — żagań.bet</title> |
| 7 | <meta name="description" content="Play slots, roulette, blackjack and crash with play credits. No real money."> | 7 | <meta name="description" content="Play slots, roulette, blackjack and crash in your browser."> |
| 8 | <meta name="color-scheme" content="dark"> | 8 | <meta name="color-scheme" content="dark"> |
| 9 | <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' ws: wss:; img-src 'self' data:; base-uri 'none'; form-action 'self'"> | 9 | <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; connect-src 'self' ws: wss:; img-src 'self' data:; base-uri 'none'; form-action 'self'"> |
| 10 | <link rel="stylesheet" href="style.css"> | 10 | <link rel="stylesheet" href="style.css"> |
| @@ -13,12 +13,13 @@ | |||
| 13 | <div class="shell"> | 13 | <div class="shell"> |
| 14 | <header class="topbar"> | 14 | <header class="topbar"> |
| 15 | <a class="brand" href="/">żagań<span>.bet</span></a> | 15 | <a class="brand" href="/">żagań<span>.bet</span></a> |
| 16 | <span class="tagline">Play credits · no real money</span> | 16 | <span id="version-pill" class="pill">v5.0.0</span> |
| 17 | <span class="tagline">Slots · Roulette · Blackjack · Crash</span> | ||
| 17 | <span class="spacer"></span> | 18 | <span class="spacer"></span> |
| 18 | <div id="session-bar" class="session" hidden> | 19 | <div id="session-bar" class="session" hidden> |
| 19 | <span class="who">Signed in as <strong id="account-name"></strong></span> | 20 | <span class="who"><span class="label">User</span><strong id="account-name"></strong></span> |
| 20 | <span id="account-balance" class="balance">— Kr</span> | 21 | <span class="who"><span class="label">Account</span><strong id="account-number">—</strong></span> |
| 21 | <button id="logout" class="btn ghost small" type="button">Log out</button> | 22 | <span class="balance-block"><span class="label">Balance</span><span id="account-balance" class="balance">— Kr</span></span> |
| 22 | </div> | 23 | </div> |
| 23 | </header> | 24 | </header> |
| 24 | 25 | ||
| @@ -26,12 +27,8 @@ | |||
| 26 | <section id="auth-screen" hidden> | 27 | <section id="auth-screen" hidden> |
| 27 | <div class="auth-wrap"> | 28 | <div class="auth-wrap"> |
| 28 | <div class="auth-card"> | 29 | <div class="auth-card"> |
| 29 | <h1>Play żagań.bet</h1> | 30 | <h1 id="auth-title">Sign in</h1> |
| 30 | <p class="muted" style="margin: 6px 0 20px">Play-money casino. Your balance is play credit; nothing here is real money.</p> | 31 | <p class="muted" style="margin: 6px 0 20px">Sign in to play.</p> |
| 31 | <div class="auth-tabs" role="tablist"> | ||
| 32 | <button id="tab-login" class="auth-tab active" type="button" role="tab">Log in</button> | ||
| 33 | <button id="tab-register" class="auth-tab" type="button" role="tab">Register</button> | ||
| 34 | </div> | ||
| 35 | <form id="auth-form"> | 32 | <form id="auth-form"> |
| 36 | <label class="field"> | 33 | <label class="field"> |
| 37 | <span class="label">Username</span> | 34 | <span class="label">Username</span> |
| @@ -42,34 +39,25 @@ | |||
| 42 | <input id="auth-pass" class="input" type="password" autocomplete="current-password" required> | 39 | <input id="auth-pass" class="input" type="password" autocomplete="current-password" required> |
| 43 | </label> | 40 | </label> |
| 44 | <p id="auth-error" class="error-text" style="margin: 0; min-height: 18px"></p> | 41 | <p id="auth-error" class="error-text" style="margin: 0; min-height: 18px"></p> |
| 45 | <button id="auth-submit" class="btn primary wide big" type="submit">Log in</button> | 42 | <button id="auth-submit" class="btn primary wide big" type="submit">LOG IN</button> |
| 43 | <button id="auth-switch" class="btn ghost wide" type="button">CREATE ACCOUNT</button> | ||
| 46 | </form> | 44 | </form> |
| 47 | <p class="auth-foot">Registration gives you 1 000 Kr of play credit. No deposits, no withdrawals, no personal data beyond a username.</p> | 45 | <p class="auth-foot">Registration gives you 1 000 Kr. No personal data beyond a username.</p> |
| 48 | </div> | 46 | </div> |
| 49 | </div> | 47 | </div> |
| 50 | </section> | 48 | </section> |
| 51 | 49 | ||
| 52 | <section id="lobby-screen" hidden> | 50 | <section id="lobby-screen" hidden> |
| 53 | <div class="lobby-head"> | 51 | <div class="lobby-head"> |
| 54 | <div> | 52 | <h1>Lobby <span id="lobby-count" class="count">4 games</span></h1> |
| 55 | <h1>Lobby</h1> | ||
| 56 | <p class="muted" style="margin: 4px 0 0">Choose a game. Bets are play credits.</p> | ||
| 57 | </div> | ||
| 58 | <span id="lobby-account" class="label"></span> | ||
| 59 | <span class="spacer"></span> | 53 | <span class="spacer"></span> |
| 60 | <button id="show-history" class="btn ghost" type="button">Play history</button> | 54 | <button id="show-history" class="btn ghost small" type="button">HISTORY</button> |
| 61 | <button id="refresh-lobby" class="btn ghost" type="button">Refresh</button> | 55 | <button id="logout" class="btn ghost small" type="button">LOG OUT</button> |
| 62 | </div> | 56 | </div> |
| 63 | <div id="game-grid" class="game-grid"></div> | 57 | <div id="game-grid" class="game-grid"></div> |
| 64 | </section> | 58 | </section> |
| 65 | 59 | ||
| 66 | <section id="game-screen" hidden> | 60 | <section id="game-screen" hidden> |
| 67 | <div class="game-head"> | ||
| 68 | <button id="leave-game" class="btn ghost" type="button">← Lobby</button> | ||
| 69 | <h1 id="game-title">Game</h1> | ||
| 70 | <span class="spacer"></span> | ||
| 71 | <span id="game-badge" class="label"></span> | ||
| 72 | </div> | ||
| 73 | <div class="game-body"> | 61 | <div class="game-body"> |
| 74 | <div id="game-board" class="board"></div> | 62 | <div id="game-board" class="board"></div> |
| 75 | <aside id="game-side" class="sidebar"></aside> | 63 | <aside id="game-side" class="sidebar"></aside> |
| @@ -89,7 +77,7 @@ | |||
| 89 | </section> | 77 | </section> |
| 90 | </main> | 78 | </main> |
| 91 | <footer class="site-foot"> | 79 | <footer class="site-foot"> |
| 92 | Play-money only · built from <a href="https://git.2137697.xyz/zagan-bet.git">the GPL source</a> | 80 | Built from <a href="https://git.2137697.xyz/zagan-bet.git">the GPL source</a> |
| 93 | </footer> | 81 | </footer> |
| 94 | </div> | 82 | </div> |
| 95 | 83 | ||
