Skip to content

Commit 580b65e

Browse files
committed
Game Foundry Studio: rename generic tool pages to type-based tools
1 parent dbc383e commit 580b65e

15 files changed

Lines changed: 558 additions & 393 deletions

GameFoundryStudio/account.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Account Management — Game Foundry Studio</title><meta name="description" content="Game Foundry Studio: Build. Play. Share."><link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml"><link rel="stylesheet" href="assets/css/styles.css"></head><body><header class="site-header"><div class="container nav"><a class="brand" href="index.html"><img src="assets/images/logo-mark.svg" alt="Game Foundry Studio mark"><span>Game Foundry Studio</span></a><nav class="nav-links" aria-label="Main navigation"><div class="nav-item"><a class="" href="tools.html">Tools ▾</a><div class="sub-menu"><a class="" href="tool1.html">Tool 1</a><a class="" href="tool2.html">Tool 2</a><a class="" href="tool3.html">Tool 3</a></div></div><a class="" href="games.html">Arcade</a><a class="" href="marketplace.html">Marketplace</a><a class="" href="learn.html">Learn</a><a class="" href="community.html">Community</a><a class="" href="docs.html">Docs</a><a class="active" href="account.html">Account</a></nav><div class="nav-actions"><a class="btn" href="games.html">Play Games</a><a class="btn primary" href="tools.html">Start Building</a></div></div></header><main>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Account Management — Game Foundry Studio</title><meta name="description" content="Game Foundry Studio: Build. Play. Share."><link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml"><link rel="stylesheet" href="assets/css/styles.css"></head><body><header class="site-header"><div class="container nav"><a class="brand" href="index.html"><img src="assets/images/logo-mark.svg" alt="Game Foundry Studio mark"><span>Game Foundry Studio</span></a><nav class="nav-links" aria-label="Main navigation"><div class="nav-item"><a class="" href="tools.html">Tools ▾</a><div class="sub-menu"><a class="" href="tool-builder.html">Tool Builder</a><a class="" href="tool-creator.html">Tool Creator</a><a class="" href="tool-publisher.html">Tool Publisher</a></div></div><a class="" href="games.html">Arcade</a><a class="" href="marketplace.html">Marketplace</a><a class="" href="learn.html">Learn</a><a class="" href="community.html">Community</a><a class="" href="docs.html">Docs</a><a class="active" href="account.html">Account</a></nav><div class="nav-actions"><a class="btn" href="games.html">Play Games</a><a class="btn primary" href="tools.html">Start Building</a></div></div></header><main>
22
<section class="page-title"><div class="container"><div class="breadcrumb"><a href="index.html">Home</a> / Account</div><div class="kicker">User Account</div><h1>Manage your creator profile.</h1><p class="lede">A starter page for profile settings, account security, billing, projects, publishing, marketplace and privacy controls.</p></div></section>
33
<section class="section"><div class="container page-hero"><img src="assets/images/tools/settings-studio.png" alt="Settings Studio"><div><h2>Your Game Foundry identity.</h2><p class="lede">Creators need a place to manage their profile, projects, purchases, teams, API keys, notifications and publishing permissions.</p></div></div></section>
44
<section class="section"><div class="container account-panel"><aside class="side-menu"><a class="active" href="#profile">Profile</a><a href="#projects">Projects</a><a href="#security">Security</a><a href="#billing">Billing</a><a href="#marketplace">Marketplace</a><a href="#privacy">Privacy</a></aside><div class="card"><div class="card-body"><h2 id="profile">Profile Settings</h2><div class="form-row"><div class="field"><label>Display Name</label><input value="QBytes"></div><div class="field"><label>Creator Handle</label><input value="@qbytes"></div></div><div class="form-row"><div class="field"><label>Email</label><input value="creator@example.com"></div><div class="field"><label>Account Type</label><select><option>Creator</option><option>Studio</option><option>Publisher</option></select></div></div><div class="callout"><strong>Account modules to wire later:</strong> login, profile avatar, project ownership, cloud storage, purchases, subscriptions, marketplace seller setup, privacy controls and API/OpenAI key management.</div><div class="hero-actions"><a class="btn primary" href="#">Save Changes</a><a class="btn" href="#">Manage Projects</a></div></div></div></div></section>
5-
</main><footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer></body></html>
5+
</main><footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer></body></html>

GameFoundryStudio/brand.html

Lines changed: 189 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,189 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Brand — Game Foundry Studio</title><meta name="description" content="Game Foundry Studio: Build. Play. Share."><link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml"><link rel="stylesheet" href="assets/css/styles.css"><style>.brand-color-code{align-items:center;display:flex;gap:8px}.brand-color-code strong{display:inline}.brand-color-swatch{border:1px solid rgba(255,255,255,.28);border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.16);display:inline-block;flex:0 0 auto;height:16px;width:16px}.brand-mascot-card .feature-image{display:block;width:100%}.mascot-role{color:var(--text);font-size:18px;font-weight:850;margin:4px 0 10px}.mascot-list{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mascot-list li{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;padding:9px 10px}.mascot-list .icon{background:none;border-radius:0;display:inline-flex;font-size:18px;height:auto;justify-content:center;width:24px}.mascot-list .icon-orange{color:var(--orange)}.mascot-list .icon-gold{color:var(--gold)}.mascot-list .icon-cyan{color:var(--cyan)}</style></head><body><header class="site-header"><div class="container nav"><a class="brand" href="index.html"><img src="assets/images/logo-mark.svg" alt="Game Foundry Studio mark"><span>Game Foundry Studio</span></a><nav class="nav-links" aria-label="Main navigation"><div class="nav-item"><a class="" href="tools.html">Tools ▾</a><div class="sub-menu"><a class="" href="tool1.html">Tool 1</a><a class="" href="tool2.html">Tool 2</a><a class="" href="tool3.html">Tool 3</a></div></div><a class="" href="games.html">Arcade</a><a class="" href="marketplace.html">Marketplace</a><a class="" href="learn.html">Learn</a><a class="" href="community.html">Community</a><a class="" href="docs.html">Docs</a><a class="" href="account.html">Account</a></nav><div class="nav-actions"><a class="btn" href="games.html">Play Games</a><a class="btn primary" href="tools.html">Start Building</a></div></div></header><main>
2-
<section class="page-title"><div class="container"><div class="breadcrumb"><a href="index.html">Home</a> / Brand</div><div class="kicker">Brand System</div><h1>Dark forge, molten orange and creator energy.</h1><p class="lede">The brand combines forge craft, game creation, friendly bots and modern browser-based development.</p></div></section>
3-
<section class="section"><div class="container grid cols-4"><div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch" style="background:#FF7A00"></span><strong>#FF7A00</strong></span>Molten Orange</div><div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch" style="background:#FFC857"></span><strong>#FFC857</strong></span>Forge Gold</div><div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch" style="background:#090B0F"></span><strong>#090B0F</strong></span>Iron Black</div><div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch" style="background:#20D6FF"></span><strong>#20D6FF</strong></span>Bot Cyan</div></div></section>
4-
<section class="section"><div class="container grid cols-4"><article class="card brand-mascot-card"><img src="assets/images/spark.png" class="feature-image" alt="Spark mascot"><div class="card-body"><h3>Spark</h3><div class="mascot-role">Living flame that creates games.</div><p>Spark is the spirit of creativity. It brings ideas to life and powers every great game made in the Foundry.</p><ul class="mascot-list"><li><span class="icon icon-gold"></span>Inspire ideas</li><li><span class="icon icon-orange"></span>Fuel creativity</li><li><span class="icon icon-orange"></span>Bring games to life</li></ul></div></article><article class="card brand-mascot-card"><img src="assets/images/pixel-smith.png" class="feature-image" alt="Pixel Smith mascot"><div class="card-body"><h3>Pixel Smith</h3><div class="mascot-role">Pixel-art blacksmith character.</div><p>Pixel Smith forges worlds one pixel at a time. Loyal, experienced, and always ready to help builders create epic adventures.</p><ul class="mascot-list"><li><span class="icon icon-gold"></span>Craft assets</li><li><span class="icon icon-gold"></span>Build games</li><li><span class="icon icon-gold"></span>Share creations</li></ul></div></article><article class="card brand-mascot-card"><img src="assets/images/forgebot.png" class="feature-image" alt="ForgeBot mascot"><div class="card-body"><h3>ForgeBot</h3><div class="mascot-role">Little robot blacksmith.</div><p>ForgeBot is your hardworking assistant in the forge. It loves building games and making tools for creators.</p><ul class="mascot-list"><li><span class="icon icon-orange"></span>Build tools</li><li><span class="icon icon-gold"></span>Create games</li><li><span class="icon icon-gold"></span>Publish &amp; share</li></ul></div></article><article class="card brand-mascot-card"><img src="assets/images/foundry-bot.png" class="feature-image" alt="Foundry Bot mascot"><div class="card-body"><h3>Foundry Bot</h3><div class="mascot-role">Cute AI helper for tools &amp; tutorials.</div><p>Foundry Bot is your friendly guide. It helps you learn, build, and solve problems every step of the way.</p><ul class="mascot-list"><li><span class="icon icon-cyan">?</span>Answer questions</li><li><span class="icon icon-cyan"></span>Teach &amp; guide</li><li><span class="icon icon-cyan"></span>Solve problems</li></ul></div></article></div></section>
5-
</main><footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer></body></html>
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>Brand — Game Foundry Studio</title>
8+
<meta name="description" content="Game Foundry Studio: Build. Play. Share.">
9+
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="stylesheet" href="assets/css/styles.css">
11+
<style>
12+
.brand-color-code {
13+
align-items: center;
14+
display: flex;
15+
gap: 8px
16+
}
17+
18+
.brand-color-code strong {
19+
display: inline
20+
}
21+
22+
.brand-color-swatch {
23+
border: 1px solid rgba(255, 255, 255, .28);
24+
border-radius: 4px;
25+
box-shadow: 0 0 0 1px rgba(0, 0, 0, .16);
26+
display: inline-block;
27+
flex: 0 0 auto;
28+
height: 16px;
29+
width: 16px
30+
}
31+
32+
.brand-mascot-card .feature-image {
33+
display: block;
34+
width: 100%
35+
}
36+
37+
.mascot-role {
38+
color: var(--text);
39+
font-size: 18px;
40+
font-weight: 850;
41+
margin: 4px 0 10px
42+
}
43+
44+
.mascot-list {
45+
display: grid;
46+
gap: 8px;
47+
list-style: none;
48+
margin: 14px 0 0;
49+
padding: 0
50+
}
51+
52+
.mascot-list li {
53+
align-items: center;
54+
border: 1px solid var(--line);
55+
border-radius: 8px;
56+
display: flex;
57+
gap: 10px;
58+
padding: 9px 10px
59+
}
60+
61+
.mascot-list .icon {
62+
background: none;
63+
border-radius: 0;
64+
display: inline-flex;
65+
font-size: 18px;
66+
height: auto;
67+
justify-content: center;
68+
width: 24px
69+
}
70+
71+
.mascot-list .icon-orange {
72+
color: var(--orange)
73+
}
74+
75+
.mascot-list .icon-gold {
76+
color: var(--gold)
77+
}
78+
79+
.mascot-list .icon-cyan {
80+
color: var(--cyan)
81+
}
82+
</style>
83+
</head>
84+
85+
<body>
86+
<header class="site-header">
87+
<div class="container nav"><a class="brand" href="index.html"><img src="assets/images/logo-mark.svg"
88+
alt="Game Foundry Studio mark"><span>Game Foundry Studio</span></a>
89+
<nav class="nav-links" aria-label="Main navigation">
90+
<div class="nav-item"><a class="" href="tools.html">Tools ▾</a>
91+
<div class="sub-menu"><a class="" href="tool1.html">Tool 1</a><a class="" href="tool2.html">Tool
92+
2</a><a class="" href="tool3.html">Tool 3</a></div>
93+
</div><a class="" href="games.html">Arcade</a><a class="" href="marketplace.html">Marketplace</a><a
94+
class="" href="learn.html">Learn</a><a class="" href="community.html">Community</a><a class=""
95+
href="docs.html">Docs</a><a class="" href="account.html">Account</a>
96+
</nav>
97+
<div class="nav-actions"><a class="btn" href="games.html">Play Games</a><a class="btn primary"
98+
href="tools.html">Start Building</a></div>
99+
</div>
100+
</header>
101+
<main>
102+
<section class="page-title">
103+
<div class="container">
104+
<div class="breadcrumb"><a href="index.html">Home</a> / Brand</div>
105+
<div class="kicker">Brand System</div>
106+
<h1>Dark forge, molten orange and creator energy.</h1>
107+
<p class="lede">The brand combines forge craft, game creation, friendly bots and modern browser-based
108+
development.</p>
109+
</div>
110+
</section>
111+
<section class="section">
112+
<div class="container grid cols-4">
113+
<div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch"
114+
style="background:#FF7A00"></span><strong>#FF7A00</strong></span>Molten Orange</div>
115+
<div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch"
116+
style="background:#FFC857"></span><strong>#FFC857</strong></span>Forge Gold</div>
117+
<div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch"
118+
style="background:#090B0F"></span><strong>#090B0F</strong></span>Iron Black</div>
119+
<div class="mini-stat"><span class="brand-color-code"><span class="brand-color-swatch"
120+
style="background:#20D6FF"></span><strong>#20D6FF</strong></span>Bot Cyan</div>
121+
</div>
122+
</section>
123+
<section class="section">
124+
<div class="container grid cols-4">
125+
<article class="card brand-mascot-card"><img src="assets/images/spark.png" class="feature-image"
126+
alt="Spark mascot">
127+
<div class="card-body">
128+
<h3>Spark</h3>
129+
<div class="mascot-role">Living flame that creates games.</div>
130+
<p>Spark is the spirit of creativity. It brings ideas to life and powers every great game made
131+
in the Foundry.</p>
132+
<ul class="mascot-list">
133+
<li><span class="icon icon-gold"></span>Inspire ideas</li>
134+
<li><span class="icon icon-orange"></span>Fuel creativity</li>
135+
<li><span class="icon icon-orange"></span>Bring games to life</li>
136+
</ul>
137+
</div>
138+
</article>
139+
<article class="card brand-mascot-card"><img src="assets/images/pixel-smith.png" class="feature-image"
140+
alt="Pixel Smith mascot">
141+
<div class="card-body">
142+
<h3>Pixel Smith</h3>
143+
<div class="mascot-role">Pixel-art blacksmith character.</div>
144+
<p>Pixel Smith forges worlds one pixel at a time. Loyal, experienced, and always ready to help
145+
builders create epic adventures.</p>
146+
<ul class="mascot-list">
147+
<li><span class="icon icon-gold"></span>Craft assets</li>
148+
<li><span class="icon icon-gold"></span>Build games</li>
149+
<li><span class="icon icon-gold"></span>Share creations</li>
150+
</ul>
151+
</div>
152+
</article>
153+
<article class="card brand-mascot-card"><img src="assets/images/forgebot.png" class="feature-image"
154+
alt="ForgeBot mascot">
155+
<div class="card-body">
156+
<h3>ForgeBot</h3>
157+
<div class="mascot-role">Little robot blacksmith.</div>
158+
<p>ForgeBot is your hardworking assistant in the forge. It loves building games and making tools
159+
for creators.</p>
160+
<ul class="mascot-list">
161+
<li><span class="icon icon-orange"></span>Build tools</li>
162+
<li><span class="icon icon-gold"></span>Create games</li>
163+
<li><span class="icon icon-gold"></span>Publish &amp; share</li>
164+
</ul>
165+
</div>
166+
</article>
167+
<article class="card brand-mascot-card"><img src="assets/images/foundry-bot.png" class="feature-image"
168+
alt="Foundry Bot mascot">
169+
<div class="card-body">
170+
<h3>Foundry Bot</h3>
171+
<div class="mascot-role">Cute AI helper for tools &amp; tutorials.</div>
172+
<p>Foundry Bot is your friendly guide. It helps you learn, build, and solve problems every step
173+
of the way.</p>
174+
<ul class="mascot-list">
175+
<li><span class="icon icon-cyan">?</span>Answer questions</li>
176+
<li><span class="icon icon-cyan"></span>Teach &amp; guide</li>
177+
<li><span class="icon icon-cyan"></span>Solve problems</li>
178+
</ul>
179+
</div>
180+
</article>
181+
</div>
182+
</section>
183+
</main>
184+
<footer class="footer">
185+
<div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div>
186+
</footer>
187+
</body>
188+
189+
</html>

0 commit comments

Comments
 (0)