|
5 | 5 | <meta charset="utf-8"> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | 7 | <title>Sign In - GameFoundryStudio</title> |
8 | | - <meta name="description" content="Choose a local development session for GameFoundryStudio."> |
| 8 | + <meta name="description" content="Sign in to your GameFoundryStudio account."> |
9 | 9 | <link rel="icon" href="/favicon.svg"> |
10 | 10 | <link rel="stylesheet" href="../assets/theme-v2/css/theme.css"> |
11 | 11 | </head> |
|
15 | 15 | <main> |
16 | 16 | <section class="page-title"> |
17 | 17 | <div class="container"> |
18 | | - <div class="kicker">Session</div> |
| 18 | + <div class="kicker">Account</div> |
19 | 19 | <h1>Sign In</h1> |
20 | | - <p class="lede">Use the Local DB-backed development session for project data.</p> |
| 20 | + <p class="lede">Access your GameFoundryStudio account.</p> |
21 | 21 | </div> |
22 | 22 | </section> |
23 | 23 | <section class="section"> |
24 | 24 | <div class="container content-stack"> |
25 | | - <div class="account-panel"> |
26 | | - <aside class="side-menu" aria-label="Session mode"> |
27 | | - <button class="btn btn--compact" type="button" data-login-mode="local-db">Local DB</button> |
28 | | - <p class="status" role="status" data-login-mode-disabled-message hidden>Use the API-backed local server for sign-in. Run npm run dev:local-api and open http://127.0.0.1:5501/account/sign-in.html. Local DB is disabled until the local API server is running.</p> |
29 | | - </aside> |
30 | | - <div class="card"> |
31 | | - <div class="card-body content-stack"> |
32 | | - <div> |
33 | | - <div class="kicker">Mode</div> |
34 | | - <h2 data-login-mode-title>Local DB</h2> |
35 | | - <p class="lede" data-login-mode-description>Uses LocalDbAdapter backed by server SQLite storage.</p> |
36 | | - </div> |
37 | | - <div class="status" role="status" data-login-mode-status>Session mode ready.</div> |
38 | | - <section class="content-stack" aria-labelledby="login-users-title"> |
39 | | - <div> |
40 | | - <div class="kicker">Local Users</div> |
41 | | - <h2 id="login-users-title">Session User</h2> |
42 | | - </div> |
43 | | - <div class="action-group" role="group" aria-label="Local test users" data-login-user-controls></div> |
44 | | - <div class="status" role="status" data-login-user-status>Choose a local test user.</div> |
45 | | - </section> |
46 | | - <div class="action-group"> |
47 | | - <a class="btn primary" href="toolbox/index.html" data-login-continue>Continue</a> |
48 | | - </div> |
49 | | - </div> |
50 | | - </div> |
51 | | - </div> |
52 | | - <section class="card" aria-labelledby="login-local-status-title"> |
| 25 | + <div class="card"> |
53 | 26 | <div class="card-body content-stack"> |
54 | 27 | <div> |
55 | | - <div class="kicker">Diagnostics</div> |
56 | | - <h2 id="login-local-status-title">Local Development Status</h2> |
| 28 | + <div class="kicker">Secure Access</div> |
| 29 | + <h2>Welcome Back</h2> |
57 | 30 | </div> |
58 | | - <div class="content-stack" data-login-local-status> |
59 | | - <p><strong>Current URL:</strong> <span data-login-status-current-url>Checking...</span></p> |
60 | | - <p><strong>Detected server mode:</strong> <span data-login-status-server-mode>Checking...</span></p> |
61 | | - <p><strong>Local API availability:</strong> <span data-login-status-api>Checking...</span></p> |
62 | | - <p><strong>Disabled reason:</strong> <span data-login-status-disabled-reason>Checking...</span></p> |
63 | | - <p><strong>Expected API endpoint:</strong> <span data-login-status-endpoint>/api/session/current</span></p> |
64 | | - <p><strong>Correct local URL:</strong> <span data-login-status-api-url>http://127.0.0.1:5501/account/sign-in.html</span></p> |
65 | | - <p><strong>Startup command:</strong> <span data-login-status-command>npm run dev:local-api</span></p> |
| 31 | + <form class="content-stack" data-login-form> |
| 32 | + <label for="signInIdentity">Email or username</label> |
| 33 | + <input id="signInIdentity" name="identity" type="text" autocomplete="username" data-login-identity> |
| 34 | + <label for="signInPassword">Password</label> |
| 35 | + <input id="signInPassword" name="password" type="password" autocomplete="current-password" data-login-password> |
| 36 | + <div class="action-group"> |
| 37 | + <button class="btn primary" type="submit" data-login-submit>Sign In</button> |
| 38 | + <a class="btn" href="create-account.html" data-login-create-account>Create Account</a> |
| 39 | + <a class="btn btn--compact" href="lost-password.html" data-login-lost-password>Lost Password</a> |
| 40 | + </div> |
| 41 | + <div class="status" role="status" data-login-status>Secure account sign-in is not available in this build.</div> |
| 42 | + </form> |
| 43 | + <div class="action-group"> |
| 44 | + <a class="btn btn--compact" href="toolbox/index.html" data-login-continue>Continue Browsing</a> |
66 | 45 | </div> |
67 | 46 | </div> |
68 | | - </section> |
| 47 | + </div> |
69 | 48 | </div> |
70 | 49 | </section> |
71 | 50 | </main> |
|
0 commit comments