Skip to content

Commit 12287d3

Browse files
author
DavidQ
committed
Keep “Header and Intro” accordion only on tools/*/index.html; remove it from home/games/samples/tools landing pages and add top spacing under the shared header on home + samples.
1 parent 400094f commit 12287d3

5 files changed

Lines changed: 37 additions & 52 deletions

File tree

‎games/index.html‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,17 @@
1515
<link rel="stylesheet" href="./index.css" />
1616
</head>
1717
<body class="hub-page-games">
18-
<details class="is-collapsible" open>
19-
<summary class="is-collapsible__summary">Header and Intro</summary>
20-
<div class="is-collapsible__content">
21-
<div id="shared-theme-header"></div>
22-
<main class="page-shell">
23-
<section class="page-intro">
24-
<h1>Games Hub</h1>
25-
<p>
26-
Launch playable game builds and follow the current progression from foundational arcade loops
27-
through advanced systems.
28-
</p>
29-
</section>
30-
</main>
31-
</div>
32-
</details>
18+
<div id="shared-theme-header"></div>
3319

3420
<main class="page-shell">
21+
<section class="page-intro">
22+
<h1>Games Hub</h1>
23+
<p>
24+
Launch playable game builds and follow the current progression from foundational arcade loops
25+
through advanced systems.
26+
</p>
27+
</section>
28+
3529
<section class="content-section">
3630
<h2>Pinned Games</h2>
3731
<div id="games-pinned-list" class="game-level-grid"></div>

‎index.html‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,17 @@
1515
<link rel="stylesheet" href="src/engine/ui/hubCommon.css" />
1616
</head>
1717
<body class="hub-page-home hub-page-home--viewport">
18-
<details class="is-collapsible" open>
19-
<summary class="is-collapsible__summary">Header and Intro</summary>
20-
<div class="is-collapsible__content">
21-
<div id="shared-theme-header"></div>
22-
<main class="page-shell">
23-
<section class="page-intro">
24-
<h1>HTML JavaScript Gaming</h1>
25-
<p>
26-
A home base for playable arcade builds, sample-driven engine patterns, and shared tooling.
27-
Use the hub links below to open games, samples, and tools.
28-
</p>
29-
</section>
30-
</main>
31-
</div>
32-
</details>
18+
<div id="shared-theme-header"></div>
3319

3420
<main class="page-shell">
21+
<section class="page-intro">
22+
<h1>HTML JavaScript Gaming</h1>
23+
<p>
24+
A home base for playable arcade builds, sample-driven engine patterns, and shared tooling.
25+
Use the hub links below to open games, samples, and tools.
26+
</p>
27+
</section>
28+
3529
<section class="content-section">
3630
<h2>Arcade Games, Engine Samples, and Tools</h2>
3731
<p>

‎samples/index.html‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,17 @@
1515
<link rel="stylesheet" href="./index.css" />
1616
</head>
1717
<body class="hub-page-samples">
18-
<details class="is-collapsible" open>
19-
<summary class="is-collapsible__summary">Header and Intro</summary>
20-
<div class="is-collapsible__content">
21-
<div id="shared-theme-header"></div>
22-
<main class="page-shell">
23-
<section class="page-intro">
24-
<h1>Samples Hub</h1>
25-
<p>
26-
Browse phase-based sample collections that demonstrate engine systems and gameplay patterns.
27-
Start from the phase links below and open individual sample entries from each phase page.
28-
</p>
29-
</section>
30-
</main>
31-
</div>
32-
</details>
18+
<div id="shared-theme-header"></div>
3319

3420
<main class="page-shell">
21+
<section class="page-intro">
22+
<h1>Samples Hub</h1>
23+
<p>
24+
Browse phase-based sample collections that demonstrate engine systems and gameplay patterns.
25+
Start from the phase links below and open individual sample entries from each phase page.
26+
</p>
27+
</section>
28+
3529
<section class="content-section">
3630
<h2>Pinned Samples</h2>
3731
<div id="samples-pinned-list" class="card-grid"></div>

‎src/engine/ui/hubCommon.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -296,6 +296,10 @@ body.hub-page-home {
296296
--grid-min: 260px;
297297
}
298298

299+
body.hub-page-home > #shared-theme-header + .page-shell {
300+
margin-top: 14px;
301+
}
302+
299303
.hub-page-home h1 {
300304
font-size: 2.4rem;
301305
}
@@ -475,6 +479,10 @@ body.hub-page-samples {
475479
--section-gap: 28px;
476480
}
477481

482+
body.hub-page-samples > #shared-theme-header + .page-shell {
483+
margin-top: 14px;
484+
}
485+
478486
.hub-page-samples .grid {
479487
margin-top: 10px;
480488
}

‎tools/index.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,8 @@
1717
</head>
1818

1919
<body class="hub-page-tools" data-tools-platform-page="landing">
20-
<details class="is-collapsible is-collapsible--collapsed" open>
21-
<summary class="is-collapsible__summary">Header and Intro</summary>
22-
<div class="is-collapsible__content">
23-
<div id="shared-theme-header"></div>
24-
<div data-tools-platform-header></div>
25-
</div>
26-
</details>
20+
<div id="shared-theme-header"></div>
21+
<div data-tools-platform-header></div>
2722
<div class="wrap">
2823

2924
<section class="hero">

0 commit comments

Comments
 (0)