|
4 | 4 | <head> |
5 | 5 | <meta charset="utf-8"> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | | - <title>Account Management - Game Foundry Studio</title> |
8 | | - <meta name="description" content="Manage your Game Foundry Studio creator profile."> |
| 7 | + <title>Account Home - Game Foundry Studio</title> |
| 8 | + <meta name="description" content="Plan the personal account workspace for Game Foundry Studio creators."> |
9 | 9 | <link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml"> |
10 | 10 | <link rel="stylesheet" href="../assets/css/styles.css"> |
11 | 11 | </head> |
|
15 | 15 | <main> |
16 | 16 | <section class="page-title"> |
17 | 17 | <div class="container"> |
18 | | - <div class="kicker">User Account</div> |
19 | | - <h1>Manage your creator profile.</h1> |
20 | | - <p class="lede">A starter page for profile settings, account security, billing, projects, publishing, |
21 | | - marketplace and privacy controls.</p> |
22 | | - </div> |
23 | | - </section> |
24 | | - <section class="section"> |
25 | | - <div class="container page-hero"><img src="../assets/images/tools/settings-studio.png" |
26 | | - alt="Settings Studio"> |
27 | | - <div> |
28 | | - <h2>Your Game Foundry identity.</h2> |
29 | | - <p class="lede">Creators need a place to manage their profile, projects, purchases, teams, API keys, |
30 | | - notifications and publishing permissions.</p> |
31 | | - </div> |
| 18 | + <div class="kicker">Account</div> |
| 19 | + <h1>Account Home</h1> |
| 20 | + <p class="lede">A planning view for the creator-owned profile, preferences and security surfaces.</p> |
32 | 21 | </div> |
33 | 22 | </section> |
34 | 23 | <section class="section"> |
35 | 24 | <div class="container account-panel"> |
36 | | - <aside class="side-menu"><a class="active" href="#profile">Profile</a><a |
37 | | - href="branding.html">Branding</a><a href="controls.html">Controls</a><a |
38 | | - href="#projects">Projects</a><a href="#security">Security</a><a href="#privacy">Privacy</a> |
| 25 | + <aside class="side-menu" aria-label="Account pages"> |
| 26 | + <a class="active" href="index.html">Account Home</a> |
| 27 | + <a href="profile.html">Profile</a> |
| 28 | + <a href="preferences.html">Preferences</a> |
| 29 | + <a href="security.html">Security</a> |
39 | 30 | </aside> |
40 | 31 | <div class="card"> |
41 | 32 | <div class="card-body"> |
42 | | - <h2 id="profile">Profile Settings</h2> |
43 | | - <div class="form-row"> |
44 | | - <div class="field"><label for="displayName">Display Name</label><input id="displayName" |
45 | | - value="QBytes"></div> |
46 | | - <div class="field"><label for="creatorHandle">Creator Handle</label><input |
47 | | - id="creatorHandle" value="@qbytes"></div> |
48 | | - </div> |
49 | | - <div class="form-row"> |
50 | | - <div class="field"><label for="email">Email</label><input id="email" |
51 | | - value="creator@example.com"></div> |
52 | | - <div class="field"><label for="accountType">Account Type</label><select id="accountType"> |
53 | | - <option>Creator</option> |
54 | | - <option>Studio</option> |
55 | | - <option>Publisher</option> |
56 | | - </select></div> |
| 33 | + <div class="kicker">Status = Planning</div> |
| 34 | + <h2>Personal workspace IA</h2> |
| 35 | + <p class="lede">Account pages now focus on user-owned settings. Administrative and development |
| 36 | + controls have moved into the Admin navigation area.</p> |
| 37 | + <div class="grid cols-3"> |
| 38 | + <article class="callout"> |
| 39 | + <h3>Purpose</h3> |
| 40 | + <p>Provide a concise home for account identity, preferences and security entry points. |
| 41 | + </p> |
| 42 | + </article> |
| 43 | + <article class="callout"> |
| 44 | + <h3>Future Scope</h3> |
| 45 | + <p>Surface profile completion, notification settings, trusted devices and session |
| 46 | + health.</p> |
| 47 | + </article> |
| 48 | + <article class="callout"> |
| 49 | + <h3>Planned Sections</h3> |
| 50 | + <ul> |
| 51 | + <li>Account summary</li> |
| 52 | + <li>Recent account activity</li> |
| 53 | + <li>Profile, preferences and security links</li> |
| 54 | + </ul> |
| 55 | + </article> |
57 | 56 | </div> |
58 | | - <div class="callout"><strong>Account modules to wire later:</strong> login, profile avatar, |
59 | | - project ownership, cloud storage, purchases, subscriptions, marketplace seller setup, |
60 | | - privacy controls and API/OpenAI key management.</div> |
61 | | - <div class="hero-actions"><a class="btn primary" href="#profile">Save Changes</a><a class="btn" |
62 | | - href="#projects">Manage Projects</a></div> |
63 | 57 | </div> |
64 | 58 | </div> |
65 | 59 | </div> |
|
0 commit comments