Use h1 headings on index and main menu pages

This commit is contained in:
2026-09-13 21:47:16 +02:00
parent 17978f4972
commit 3ff0cf7a3e
3 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -11,7 +11,7 @@ import { BANNER_TEMPLE } from '../../lib/ansiArt';
<TerminalLayout title="Main Menu" description="tHE tEMPLE bBS main menu - explore PC demos, Amiga music, Atari games, FidoNet history and ANSI art from the BBS era."> <TerminalLayout title="Main Menu" description="tHE tEMPLE bBS main menu - explore PC demos, Amiga music, Atari games, FidoNet history and ANSI art from the BBS era.">
<TerminalShell client:load> <TerminalShell client:load>
<AnsiArt html={BANNER_TEMPLE} /> <AnsiArt html={BANNER_TEMPLE} />
<h2>tHE tEMPLE bBS — Bulletin Board System</h2> <h1>tHE tEMPLE bBS — Bulletin Board System</h1>
<p>Welcome, users! It is 1995 and you are connected to one of the first lines running on our brand new, lightning-fast 28.8k V.Fast modem. [Sysop]</p> <p>Welcome, users! It is 1995 and you are connected to one of the first lines running on our brand new, lightning-fast 28.8k V.Fast modem. [Sysop]</p>
<div class="tile-grid"> <div class="tile-grid">
<Tile sections={[ <Tile sections={[
+1 -1
View File
@@ -7,7 +7,7 @@ const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth
--- ---
<TerminalLayout title="Connect" description="tHE tEMPLE bBS - a 90s BBS in Augsburg, FidoNet 2:2480/330. Dial in to the demoscene, file areas and message boards."> <TerminalLayout title="Connect" description="tHE tEMPLE bBS - a 90s BBS in Augsburg, FidoNet 2:2480/330. Dial in to the demoscene, file areas and message boards.">
<WelcomeBanner /> <WelcomeBanner />
<p class="subtitle">Travel back to the '90s</p> <h1 class="subtitle">Travel back to the '90s</h1>
<ModemIntro client:load /> <ModemIntro client:load />
<div class="status-bar" style="margin-top: 15rem; display: flex; justify-content: space-between;"><span>Status: not connected</span><span>{dateStr}</span></div> <div class="status-bar" style="margin-top: 15rem; display: flex; justify-content: space-between;"><span>Status: not connected</span><span>{dateStr}</span></div>
<script> <script>
+1 -1
View File
@@ -85,7 +85,7 @@ a { color: inherit; }
.mod-col-size { color:var(--grey); width:5rem; text-align:right; } .mod-col-size { color:var(--grey); width:5rem; text-align:right; }
.mod-btn-inline { background:none; border:none; color:var(--fg); font-family:var(--font-ansi); cursor:pointer; padding:0; font-size:inherit; } .mod-btn-inline { background:none; border:none; color:var(--fg); font-family:var(--font-ansi); cursor:pointer; padding:0; font-size:inherit; }
.mod-btn-inline:hover { color:var(--red-bright); } .mod-btn-inline:hover { color:var(--red-bright); }
.subtitle { text-align:center; color:var(--fg-bright); font-weight:bold; margin:1rem 0; font-family:var(--font-body); } .subtitle { text-align:center; color:var(--fg-bright); font-weight:bold; margin:1rem 0; font-family:var(--font-body); font-size: inherit; }
.esprit-thumb { display:flex; align-items:center; justify-content:center; min-height:120px; } .esprit-thumb { display:flex; align-items:center; justify-content:center; min-height:120px; }
.esprit-thumb img { max-width:100%; height:auto; display:block; } .esprit-thumb img { max-width:100%; height:auto; display:block; }
.modal-overlay { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; } .modal-overlay { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; }