Skip to content

Commit 897b4d8

Browse files
ToolboxAidToolboxAid
committed
Organize Game Foundry Studio pages and shared site structure - PR_26151_004-gamefoundry-site-structure-ssot
1 parent c32f508 commit 897b4d8

34 files changed

Lines changed: 3031 additions & 1190 deletions

‎GameFoundryStudio/account/branding.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
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>Branding - Game Foundry Studio</title>
8+
<meta name="description" content="Game Foundry Studio brand colors, mascots, and assets.">
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="breadcrumb"><a href="../index.html">Home</a> / <a href="index.html">Account</a> / Branding
19+
</div>
20+
<div class="kicker">Brand System</div>
21+
<h1>Dark forge, molten orange and creator energy.</h1>
22+
<p class="lede">The brand combines forge craft, game creation, friendly bots and modern browser-based
23+
development.</p>
24+
</div>
25+
</section>
26+
<section class="section">
27+
<div class="container grid cols-4">
28+
<div class="mini-stat" id="molten-orange"><span class="brand-color-code"><span
29+
class="brand-color-swatch swatch-orange"></span><strong>#FF7A00</strong></span>Molten Orange
30+
</div>
31+
<div class="mini-stat" id="forge-gold"><span class="brand-color-code"><span
32+
class="brand-color-swatch swatch-gold"></span><strong>#FFC857</strong></span>Forge Gold
33+
</div>
34+
<div class="mini-stat" id="iron-black"><span class="brand-color-code"><span
35+
class="brand-color-swatch swatch-black"></span><strong>#090B0F</strong></span>Iron Black
36+
</div>
37+
<div class="mini-stat" id="arcade-cyan"><span class="brand-color-code"><span
38+
class="brand-color-swatch swatch-cyan"></span><strong>#20D6FF</strong></span>Bot Cyan</div>
39+
</div>
40+
</section>
41+
<section class="section">
42+
<div class="container grid cols-4">
43+
<article class="card brand-mascot-card"><img src="../assets/images/spark.png" class="feature-image"
44+
alt="Spark mascot">
45+
<div class="card-body">
46+
<h3>Spark</h3>
47+
<div class="mascot-role">Living flame that creates games.</div>
48+
<p>Spark is the spirit of creativity.</p>
49+
</div>
50+
</article>
51+
<article class="card brand-mascot-card"><img src="../assets/images/pixel-smith.png"
52+
class="feature-image" alt="Pixel Smith mascot">
53+
<div class="card-body">
54+
<h3>Pixel Smith</h3>
55+
<div class="mascot-role">Pixel-art blacksmith character.</div>
56+
<p>Pixel Smith forges worlds one pixel at a time.</p>
57+
</div>
58+
</article>
59+
<article class="card brand-mascot-card"><img src="../assets/images/forgebot.png" class="feature-image"
60+
alt="ForgeBot mascot">
61+
<div class="card-body">
62+
<h3>ForgeBot</h3>
63+
<div class="mascot-role">Little robot blacksmith.</div>
64+
<p>ForgeBot is your hardworking assistant in the forge.</p>
65+
</div>
66+
</article>
67+
<article class="card brand-mascot-card"><img src="../assets/images/foundry-bot.png"
68+
class="feature-image" alt="Foundry Bot mascot">
69+
<div class="card-body">
70+
<h3>Foundry Bot</h3>
71+
<div class="mascot-role">Cute AI helper for tools and tutorials.</div>
72+
<p>Foundry Bot helps you learn, build, and solve problems.</p>
73+
</div>
74+
</article>
75+
</div>
76+
</section>
77+
</main>
78+
<div data-partial="footer"></div>
79+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
80+
</body>
81+
82+
</html>

‎GameFoundryStudio/account/controls.html‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
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>Controls - Game Foundry Studio</title>
8+
<meta name="description" content="Game Foundry Studio controls and form component examples.">
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="controls-hero">
17+
<div class="container controls-hero-grid">
18+
<div>
19+
<div class="kicker">UI control forge</div>
20+
<h1 class="controls-title">Controls.</h1>
21+
<p class="lede">A Game Foundry Studio control page showing common HTML controls with foundry-side
22+
accent colors for forms, tool panels, settings screens, publishing workflows, and account
23+
management.</p>
24+
<div class="hero-actions"><a class="btn primary" href="#controls">View Controls</a><a class="btn"
25+
href="../tools/index.html">Back to Tools</a></div>
26+
</div>
27+
<aside class="forgebot-stage"><img src="../assets/images/forge-bot.png"
28+
alt="ForgeBot mascot holding a hammer beside an anvil"></aside>
29+
</div>
30+
</section>
31+
<section class="control-section" id="controls">
32+
<div class="container">
33+
<div class="section-head">
34+
<div>
35+
<div class="kicker">HTML controls</div>
36+
<h2>Everyday controls with branded side colors.</h2>
37+
</div>
38+
<p>Each panel uses a left-side accent color so controls can be grouped by purpose across Game
39+
Foundry Studio.</p>
40+
</div>
41+
<div class="control-lab">
42+
<article class="control-card side-orange">
43+
<h3>Text Inputs</h3>
44+
<p>Names, slugs, paths, labels, and short values.</p>
45+
<div class="control-demo"><label for="text-name">Text</label><input id="text-name" type="text"
46+
value="King of the Iceberg"><label for="search">Search</label><input id="search"
47+
type="search" placeholder="Search tools"></div>
48+
</article>
49+
<article class="control-card side-cyan">
50+
<h3>Identity Inputs</h3>
51+
<p>Account forms and creator profile fields.</p>
52+
<div class="control-demo"><label for="email">Email</label><input id="email" type="email"
53+
value="creator@example.com"><label for="password">Password</label><input id="password"
54+
type="password" value="foundry"></div>
55+
</article>
56+
<article class="control-card side-gold">
57+
<h3>Numeric Inputs</h3>
58+
<p>Stats, limits, sizes, scores, prices, and settings.</p>
59+
<div class="control-demo"><label for="number">Number</label><input id="number" type="number"
60+
value="100" min="0" max="999"><label for="range">Range</label><input id="range"
61+
type="range" min="0" max="100" value="68"></div>
62+
</article>
63+
<article class="control-card side-green">
64+
<h3>Choices</h3>
65+
<p>Modes, visibility, platforms, and feature flags.</p>
66+
<div class="control-demo"><label class="choice"><input type="checkbox" checked> Public
67+
project</label><label class="choice"><input type="checkbox"> Allow
68+
remixing</label><label class="choice"><input name="mode" type="radio" checked>
69+
Arcade</label><label class="choice"><input name="mode" type="radio"> Studio</label>
70+
</div>
71+
</article>
72+
<article class="control-card side-pink">
73+
<h3>Switches</h3>
74+
<p>On/off controls for tool preferences and game options.</p>
75+
<div class="inline-row"><label class="switch"><input type="checkbox" checked><span
76+
class="slider"></span></label><span class="choice">Auto-save enabled</span></div>
77+
</article>
78+
<article class="control-card side-blue">
79+
<h3>Selects</h3>
80+
<p>Single-choice dropdowns for theme, engine mode, and tool role.</p>
81+
<div class="control-demo"><label for="select">Select</label><select id="select">
82+
<option>Forge Dark</option>
83+
<option>Molten Orange</option>
84+
<option>Cloud Blue</option>
85+
</select></div>
86+
</article>
87+
</div>
88+
</div>
89+
</section>
90+
</main>
91+
<div data-partial="footer"></div>
92+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
93+
</body>
94+
95+
</html>

‎GameFoundryStudio/account/index.html‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
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>Account Management - Game Foundry Studio</title>
8+
<meta name="description" content="Manage your Game Foundry Studio creator profile.">
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="breadcrumb"><a href="../index.html">Home</a> / Account</div>
19+
<div class="kicker">User Account</div>
20+
<h1>Manage your creator profile.</h1>
21+
<p class="lede">A starter page for profile settings, account security, billing, projects, publishing,
22+
marketplace and privacy controls.</p>
23+
</div>
24+
</section>
25+
<section class="section">
26+
<div class="container page-hero"><img src="../assets/images/tools/settings-studio.png"
27+
alt="Settings Studio">
28+
<div>
29+
<h2>Your Game Foundry identity.</h2>
30+
<p class="lede">Creators need a place to manage their profile, projects, purchases, teams, API keys,
31+
notifications and publishing permissions.</p>
32+
</div>
33+
</div>
34+
</section>
35+
<section class="section">
36+
<div class="container account-panel">
37+
<aside class="side-menu"><a class="active" href="#profile">Profile</a><a
38+
href="branding.html">Branding</a><a href="controls.html">Controls</a><a
39+
href="#projects">Projects</a><a href="#security">Security</a><a href="#privacy">Privacy</a>
40+
</aside>
41+
<div class="card">
42+
<div class="card-body">
43+
<h2 id="profile">Profile Settings</h2>
44+
<div class="form-row">
45+
<div class="field"><label for="displayName">Display Name</label><input id="displayName"
46+
value="QBytes"></div>
47+
<div class="field"><label for="creatorHandle">Creator Handle</label><input
48+
id="creatorHandle" value="@qbytes"></div>
49+
</div>
50+
<div class="form-row">
51+
<div class="field"><label for="email">Email</label><input id="email"
52+
value="creator@example.com"></div>
53+
<div class="field"><label for="accountType">Account Type</label><select id="accountType">
54+
<option>Creator</option>
55+
<option>Studio</option>
56+
<option>Publisher</option>
57+
</select></div>
58+
</div>
59+
<div class="callout"><strong>Account modules to wire later:</strong> login, profile avatar,
60+
project ownership, cloud storage, purchases, subscriptions, marketplace seller setup,
61+
privacy controls and API/OpenAI key management.</div>
62+
<div class="hero-actions"><a class="btn primary" href="#profile">Save Changes</a><a class="btn"
63+
href="#projects">Manage Projects</a></div>
64+
</div>
65+
</div>
66+
</div>
67+
</section>
68+
</main>
69+
<div data-partial="footer"></div>
70+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
71+
</body>
72+
73+
</html>

‎GameFoundryStudio/arcade/index.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
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>Arcade - Game Foundry Studio</title>
8+
<meta name="description" content="Play community games in 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="breadcrumb"><a href="../index.html">Home</a> / Arcade</div>
19+
<div class="kicker">Game Foundry Arcade</div>
20+
<h1>Play community games.</h1>
21+
<p class="lede">The Arcade is the public play destination for games created in Game Foundry Studio.</p>
22+
</div>
23+
</section>
24+
<section class="section">
25+
<div class="container page-hero"><img src="../assets/images/tools/arcade.png" alt="Arcade">
26+
<div>
27+
<h2>Trending, featured and recently published.</h2>
28+
<p class="lede">Browse games, rate them, follow creators, and share playable links.</p><a
29+
class="btn primary" href="#games">Browse Arcade</a>
30+
</div>
31+
</div>
32+
</section>
33+
</main>
34+
<div data-partial="footer"></div>
35+
<script src="../assets/js/gamefoundry-partials.js" defer></script>
36+
</body>
37+
38+
</html>

0 commit comments

Comments
 (0)