summaryrefslogtreecommitdiffstats
path: root/web/play/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'web/play/index.html')
-rw-r--r--web/play/index.html42
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