Skip to content

Commit c2f2920

Browse files
committed
Create Admin Account and footer information architecture for GameFoundryStudio - PR_26152_013-admin-account-footer-ia
1 parent 07e7749 commit c2f2920

25 files changed

Lines changed: 1337 additions & 99 deletions

GameFoundryStudio/account/index.html

Lines changed: 33 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<head>
55
<meta charset="utf-8">
66
<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.">
99
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
@@ -15,51 +15,45 @@
1515
<main>
1616
<section class="page-title">
1717
<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>
3221
</div>
3322
</section>
3423
<section class="section">
3524
<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>
3930
</aside>
4031
<div class="card">
4132
<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>
5756
</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>
6357
</div>
6458
</div>
6559
</div>
Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Preferences - Game Foundry Studio</title>
8+
<meta name="description" content="Plan personal workspace preferences for Game Foundry Studio accounts.">
9+
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="stylesheet" href="../assets/css/styles.css">
11+
</head>
12+
13+
<body>
14+
<div data-partial="header-nav"></div>
15+
<main>
16+
<section class="page-title">
17+
<div class="container">
18+
<div class="kicker">Account</div>
19+
<h1>Preferences</h1>
20+
<p class="lede">A planning page for personal workspace, notification and editor preferences.</p>
21+
</div>
22+
</section>
23+
<section class="section">
24+
<div class="container account-panel">
25+
<aside class="side-menu" aria-label="Account pages">
26+
<a href="index.html">Account Home</a>
27+
<a href="profile.html">Profile</a>
28+
<a class="active" href="preferences.html">Preferences</a>
29+
<a href="security.html">Security</a>
30+
</aside>
31+
<div class="card">
32+
<div class="card-body">
33+
<div class="kicker">Status = Planning</div>
34+
<h2>Preferences planning</h2>
35+
<div class="grid cols-3">
36+
<article class="callout">
37+
<h3>Purpose</h3>
38+
<p>Define personal defaults for workspace behavior, emails and creator reminders.</p>
39+
</article>
40+
<article class="callout">
41+
<h3>Future Scope</h3>
42+
<p>Add per-tool defaults, digest schedules and accessibility preference controls.</p>
43+
</article>
44+
<article class="callout">
45+
<h3>Planned Sections</h3>
46+
<ul>
47+
<li>Workspace defaults</li>
48+
<li>Notification preferences</li>
49+
<li>Accessibility settings</li>
50+
</ul>
51+
</article>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
</section>
57+
</main>
58+
<div data-partial="footer"></div>
59+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
60+
</body>
61+
62+
</html>
Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Profile - Game Foundry Studio</title>
8+
<meta name="description" content="Plan profile settings for Game Foundry Studio accounts.">
9+
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="stylesheet" href="../assets/css/styles.css">
11+
</head>
12+
13+
<body>
14+
<div data-partial="header-nav"></div>
15+
<main>
16+
<section class="page-title">
17+
<div class="container">
18+
<div class="kicker">Account</div>
19+
<h1>Profile</h1>
20+
<p class="lede">A planning page for creator identity and public profile settings.</p>
21+
</div>
22+
</section>
23+
<section class="section">
24+
<div class="container account-panel">
25+
<aside class="side-menu" aria-label="Account pages">
26+
<a href="index.html">Account Home</a>
27+
<a class="active" href="profile.html">Profile</a>
28+
<a href="preferences.html">Preferences</a>
29+
<a href="security.html">Security</a>
30+
</aside>
31+
<div class="card">
32+
<div class="card-body">
33+
<div class="kicker">Status = Planning</div>
34+
<h2>Profile planning</h2>
35+
<div class="grid cols-3">
36+
<article class="callout">
37+
<h3>Purpose</h3>
38+
<p>Define how creators manage display identity, avatar details and public bio text.</p>
39+
</article>
40+
<article class="callout">
41+
<h3>Future Scope</h3>
42+
<p>Add connected identity providers, portfolio presence and creator attribution.</p>
43+
</article>
44+
<article class="callout">
45+
<h3>Planned Sections</h3>
46+
<ul>
47+
<li>Display identity</li>
48+
<li>Creator bio</li>
49+
<li>Public profile preview</li>
50+
</ul>
51+
</article>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
</section>
57+
</main>
58+
<div data-partial="footer"></div>
59+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
60+
</body>
61+
62+
</html>
Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Security - Game Foundry Studio</title>
8+
<meta name="description" content="Plan security settings for Game Foundry Studio accounts.">
9+
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="stylesheet" href="../assets/css/styles.css">
11+
</head>
12+
13+
<body>
14+
<div data-partial="header-nav"></div>
15+
<main>
16+
<section class="page-title">
17+
<div class="container">
18+
<div class="kicker">Account</div>
19+
<h1>Security</h1>
20+
<p class="lede">A planning page for trusted access, session awareness and account protection.</p>
21+
</div>
22+
</section>
23+
<section class="section">
24+
<div class="container account-panel">
25+
<aside class="side-menu" aria-label="Account pages">
26+
<a href="index.html">Account Home</a>
27+
<a href="profile.html">Profile</a>
28+
<a href="preferences.html">Preferences</a>
29+
<a class="active" href="security.html">Security</a>
30+
</aside>
31+
<div class="card">
32+
<div class="card-body">
33+
<div class="kicker">Status = Planning</div>
34+
<h2>Security planning</h2>
35+
<div class="grid cols-3">
36+
<article class="callout">
37+
<h3>Purpose</h3>
38+
<p>Define account protection areas without adding live authentication controls.</p>
39+
</article>
40+
<article class="callout">
41+
<h3>Future Scope</h3>
42+
<p>Add password health, multi-factor authentication and active session review.</p>
43+
</article>
44+
<article class="callout">
45+
<h3>Planned Sections</h3>
46+
<ul>
47+
<li>Sign-in methods</li>
48+
<li>Trusted devices</li>
49+
<li>Session history</li>
50+
</ul>
51+
</article>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
</section>
57+
</main>
58+
<div data-partial="footer"></div>
59+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
60+
</body>
61+
62+
</html>
Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Analytics - Game Foundry Studio</title>
8+
<meta name="description" content="Plan analytics administration for Game Foundry Studio.">
9+
<link rel="icon" href="../assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="stylesheet" href="../assets/css/styles.css">
11+
</head>
12+
13+
<body>
14+
<div data-partial="header-nav"></div>
15+
<main>
16+
<section class="page-title">
17+
<div class="container">
18+
<div class="kicker">Admin</div>
19+
<h1>Analytics</h1>
20+
<p class="lede">A planning page for future product, creator and marketplace analytics views.</p>
21+
</div>
22+
</section>
23+
<section class="section">
24+
<div class="container account-panel">
25+
<aside class="side-menu" aria-label="Admin pages">
26+
<a href="site-settings.html">Site Settings</a>
27+
<a href="branding.html">Branding</a>
28+
<a href="themes.html">Themes</a>
29+
<a href="design-system.html">Design System</a>
30+
<a href="controls.html">Controls</a>
31+
<a href="grouping-colors.html">Grouping Colors</a>
32+
<a href="ratings.html">Ratings</a>
33+
<a href="users.html">Users</a>
34+
<a href="roles.html">Roles</a>
35+
<a href="moderation.html">Moderation</a>
36+
<a class="active" aria-current="page" href="analytics.html">Analytics</a>
37+
</aside>
38+
<div class="admin-page-stack">
39+
<section class="section">
40+
<div class="container card">
41+
<div class="card-body">
42+
<div class="kicker">Status = Planning</div>
43+
<div class="grid cols-3">
44+
<article class="callout">
45+
<h2>Purpose</h2>
46+
<p>Provide an Admin destination for analytics planning without adding dashboards.</p>
47+
</article>
48+
<article class="callout">
49+
<h2>Future Scope</h2>
50+
<p>Plan product metrics, marketplace insights and creator engagement summaries.</p>
51+
</article>
52+
<article class="callout">
53+
<h2>Planned Sections</h2>
54+
<ul>
55+
<li>Product metrics</li>
56+
<li>Marketplace insights</li>
57+
<li>Creator engagement</li>
58+
</ul>
59+
</article>
60+
</div>
61+
</div>
62+
</div>
63+
</section>
64+
</div>
65+
</div>
66+
</section>
67+
</main>
68+
<div data-partial="footer"></div>
69+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
70+
</body>
71+
72+
</html>

0 commit comments

Comments
 (0)