Skip to content

Commit b6399c5

Browse files
ToolboxAidToolboxAid
committed
Migrate GameFoundryStudio company pages to theme v2 - PR_26152_024-theme-v2-company-pages
1 parent 149dd86 commit b6399c5

12 files changed

Lines changed: 286 additions & 19 deletions

File tree

‎GameFoundryStudio/about.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>About - Game Foundry Studio</title>
88
<meta name="description" content="Game Foundry Studio is a no-code, config-driven path from game design documents to manifests and open-web games.">
99
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10-
<link rel="stylesheet" href="assets/css/styles.css">
10+
<link rel="stylesheet" href="assets/css/theme/v2/theme.css">
1111
</head>
1212

1313
<body>

‎GameFoundryStudio/assets/css/theme/v2/colors.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,10 @@
4646
--game-art-background: linear-gradient(135deg, rgba(255, 122, 0, .22), rgba(77, 163, 255, .15));
4747
--cta-background: linear-gradient(135deg, rgba(255, 122, 0, .18), rgba(77, 163, 255, .11));
4848
--icon-background: linear-gradient(135deg, rgba(255, 122, 0, .28), rgba(77, 163, 255, .16));
49+
--release-current-background: color-mix(in srgb, var(--gold) 14%, var(--panel));
50+
--about-hero-background-image: url("../../../images/forge-bot-single.png");
51+
--about-hero-background: linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 86%, transparent) 42%, color-mix(in srgb, var(--bg) 38%, transparent) 100%), var(--about-hero-background-image) right center / min(50vw, 620px) auto no-repeat;
52+
--about-hero-mobile-background: linear-gradient(180deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 100%), var(--about-hero-background-image) center bottom / 340px auto no-repeat;
4953
--button-primary-background: linear-gradient(135deg, var(--orange), var(--button-primary-end));
5054
--button-cyan-background: linear-gradient(135deg, var(--button-cyan-start), var(--button-cyan-end));
5155
--text: #f5f7fb;

‎GameFoundryStudio/assets/css/theme/v2/layout.css‎

Lines changed: 69 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,28 @@ div {
4141
padding: var(--space-34) var(--space-0)
4242
}
4343

44+
.grid {
45+
display: grid;
46+
gap: var(--space-18)
47+
}
48+
49+
.grid.cols-2 {
50+
grid-template-columns: var(--grid-cols-2)
51+
}
52+
53+
.grid.cols-3 {
54+
grid-template-columns: var(--grid-cols-3)
55+
}
56+
57+
.grid.cols-4 {
58+
grid-template-columns: var(--grid-cols-4)
59+
}
60+
61+
.page-title {
62+
padding: var(--space-44) var(--space-0) var(--space-20);
63+
border-bottom: var(--border-standard)
64+
}
65+
4466
.site-header {
4567
position: sticky;
4668
top: var(--space-0);
@@ -218,6 +240,40 @@ div {
218240
gap: var(--space-18)
219241
}
220242

243+
.release-overview {
244+
display: grid;
245+
grid-template-columns: var(--release-overview-columns);
246+
gap: var(--space-18);
247+
align-items: stretch
248+
}
249+
250+
.release-stat-grid,
251+
.version-list {
252+
display: grid;
253+
gap: var(--space-12)
254+
}
255+
256+
.release-progress {
257+
display: grid;
258+
grid-template-columns: var(--release-progress-columns);
259+
gap: var(--space-12);
260+
list-style: none;
261+
margin: var(--space-0);
262+
padding: var(--space-0)
263+
}
264+
265+
.version-columns {
266+
display: grid;
267+
grid-template-columns: var(--version-columns);
268+
gap: var(--space-18)
269+
}
270+
271+
.version-list {
272+
list-style: none;
273+
margin: var(--space-0);
274+
padding: var(--space-0)
275+
}
276+
221277
.footer {
222278
margin-top: var(--space-46);
223279
border-top: var(--border-standard);
@@ -288,12 +344,18 @@ div {
288344

289345
.hero-grid,
290346
.split,
291-
.split.reverse {
347+
.split.reverse,
348+
.release-overview,
349+
.version-columns {
292350
grid-template-columns: var(--one-column)
293351
}
294352

295353
.trending-grid,
296-
.card-grid {
354+
.card-grid,
355+
.grid.cols-4,
356+
.grid.cols-3,
357+
.grid.cols-2,
358+
.release-progress {
297359
grid-template-columns: var(--two-columns)
298360
}
299361

@@ -319,7 +381,11 @@ div {
319381
.trending-grid,
320382
.dual-entry,
321383
.check-panel,
322-
.card-grid {
384+
.card-grid,
385+
.grid.cols-4,
386+
.grid.cols-3,
387+
.grid.cols-2,
388+
.release-progress {
323389
grid-template-columns: var(--one-column)
324390
}
325391

‎GameFoundryStudio/assets/css/theme/v2/panels.css‎

Lines changed: 121 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,12 @@
55
.check-panel,
66
.image-panel,
77
.hero-art,
8-
.game-tile {
8+
.game-tile,
9+
.release-intro,
10+
.release-stat,
11+
.release-stage,
12+
.version-item,
13+
.timeline-placeholder {
914
border: var(--border-standard);
1015
background: var(--card-background);
1116
overflow: hidden;
@@ -27,6 +32,31 @@
2732
display: block
2833
}
2934

35+
.callout {
36+
border: var(--border-standard);
37+
background: var(--orange-soft);
38+
border-radius: var(--space-18);
39+
padding: var(--space-18)
40+
}
41+
42+
.about-hero {
43+
min-height: var(--size-about-hero-min);
44+
display: flex;
45+
align-items: end;
46+
padding: var(--space-78) var(--space-0) var(--space-54);
47+
border-bottom: var(--border-standard);
48+
background: var(--about-hero-background)
49+
}
50+
51+
.about-hero__content {
52+
max-width: var(--measure-lg)
53+
}
54+
55+
.about-hero h1 {
56+
max-width: var(--measure-about-title);
57+
margin-bottom: var(--space-18)
58+
}
59+
3060
.hero-art {
3161
padding: var(--space-12);
3262
display: flex;
@@ -127,7 +157,97 @@
127157
box-shadow: var(--shadow)
128158
}
129159

160+
.release-intro,
161+
.timeline-placeholder {
162+
padding: var(--space-24)
163+
}
164+
165+
.release-intro h2,
166+
.timeline-placeholder h2 {
167+
margin-top: var(--space-0)
168+
}
169+
170+
.release-stat,
171+
.release-stage {
172+
padding: var(--space-16)
173+
}
174+
175+
.release-stage {
176+
display: grid;
177+
gap: var(--space-8);
178+
min-height: var(--size-release-stage-min)
179+
}
180+
181+
.release-stat span,
182+
.version-item span,
183+
.release-stage span {
184+
color: var(--muted);
185+
display: block;
186+
font-size: var(--font-size-sm);
187+
font-weight: var(--font-weight-semibold);
188+
text-transform: uppercase
189+
}
190+
191+
.release-stat strong {
192+
color: var(--text);
193+
display: block;
194+
font-size: var(--font-size-release-stat);
195+
margin-top: var(--space-6)
196+
}
197+
198+
.release-stage strong {
199+
color: var(--text);
200+
font-size: var(--font-size-xl)
201+
}
202+
203+
.release-stage.is-current {
204+
border-color: var(--gold);
205+
background: var(--release-current-background);
206+
box-shadow: var(--shadow)
207+
}
208+
209+
.release-stage.is-current strong,
210+
.release-stage.is-current span {
211+
color: var(--gold)
212+
}
213+
214+
.version-item {
215+
padding: var(--space-14) var(--space-16)
216+
}
217+
218+
.version-item strong {
219+
color: var(--text);
220+
display: block;
221+
font-size: var(--font-size-lg);
222+
margin-top: var(--space-4)
223+
}
224+
225+
.version-item span {
226+
text-transform: none
227+
}
228+
229+
.version-item.is-current {
230+
border-color: var(--gold);
231+
background: var(--orange-soft)
232+
}
233+
234+
.version-item.is-planned {
235+
background: var(--panel-overlay-strong)
236+
}
237+
238+
.timeline-placeholder {
239+
display: grid;
240+
gap: var(--space-10);
241+
background: var(--panel-overlay);
242+
box-shadow: var(--shadow-sm)
243+
}
244+
130245
@media(max-width:620px) {
246+
.about-hero {
247+
min-height: var(--size-about-hero-mobile-min);
248+
background: var(--about-hero-mobile-background)
249+
}
250+
131251
.cta {
132252
padding: var(--space-30) var(--space-20)
133253
}

‎GameFoundryStudio/assets/css/theme/v2/spacing.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,16 @@
2323
--space-46: 46px;
2424
--space-52: 52px;
2525
--space-54: 54px;
26+
--space-78: 78px;
27+
--size-release-stage-min: 126px;
28+
--size-about-hero-min: 520px;
29+
--size-about-hero-mobile-min: 460px;
2630
--container-max: 1180px;
2731
--container-gutter: var(--space-36);
2832
--container-width: min(var(--container-max), calc(100% - var(--container-gutter)));
2933
--measure-md: 560px;
3034
--measure-lg: 760px;
35+
--measure-about-title: 720px;
3136
--nav-submenu-min: 220px;
3237
--game-art-aspect: 16/10;
3338
--radius-xs: 4px;
@@ -62,6 +67,12 @@
6267
--home-split-columns: 1fr 1fr;
6368
--home-split-reverse-columns: 1.08fr .92fr;
6469
--home-card-columns: repeat(3, 1fr);
70+
--grid-cols-2: repeat(2, 1fr);
71+
--grid-cols-3: repeat(3, 1fr);
72+
--grid-cols-4: repeat(4, 1fr);
73+
--release-overview-columns: minmax(0, 1fr) minmax(320px, .75fr);
74+
--release-progress-columns: repeat(5, 1fr);
75+
--version-columns: 1fr 1.4fr;
6576
--footer-columns: max-content minmax(0, 1fr) max-content;
6677
--footer-group-columns: repeat(6, minmax(96px, 1fr));
6778
--footer-group-columns-tablet: repeat(3, minmax(130px, 1fr));

‎GameFoundryStudio/assets/css/theme/v2/typography.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
--font-size-xl: 18px;
1010
--font-size-2xl: 20px;
1111
--font-size-3xl: 22px;
12+
--font-size-release-stat: 22px;
1213
--font-size-4xl: 30px;
1314
--font-size-5xl: 34px;
1415
--font-size-6xl: 36px;

‎GameFoundryStudio/mission.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Mission - Game Foundry Studio</title>
88
<meta name="description" content="Game Foundry Studio mission: help anyone create open-web games through no-code configuration and manifests.">
99
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10-
<link rel="stylesheet" href="assets/css/styles.css">
10+
<link rel="stylesheet" href="assets/css/theme/v2/theme.css">
1111
</head>
1212

1313
<body>

‎GameFoundryStudio/release-notes.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Release Notes - Game Foundry Studio</title>
88
<meta name="description" content="Platform status, milestone progression and release notes for the no-code Game Foundry Studio engine direction.">
99
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10-
<link rel="stylesheet" href="assets/css/styles.css">
10+
<link rel="stylesheet" href="assets/css/theme/v2/theme.css">
1111
</head>
1212

1313
<body>

‎GameFoundryStudio/roadmap.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Roadmap - Game Foundry Studio</title>
88
<meta name="description" content="Game Foundry Studio roadmap for Build, Play, Share and no-code manifest-driven game creation.">
99
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10-
<link rel="stylesheet" href="assets/css/styles.css">
10+
<link rel="stylesheet" href="assets/css/theme/v2/theme.css">
1111
</head>
1212

1313
<body>

‎GameFoundryStudio/vision.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Vision - Game Foundry Studio</title>
88
<meta name="description" content="The Game Foundry Studio vision for Build, Play and Share as a no-code open-web game platform.">
99
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
10-
<link rel="stylesheet" href="assets/css/styles.css">
10+
<link rel="stylesheet" href="assets/css/theme/v2/theme.css">
1111
</head>
1212

1313
<body>

0 commit comments

Comments
 (0)