some improvements

TODO.md

@@ -35,6 +35,7 @@ Stand: 15.08.2026 | Referenz: PLAN.md, SPEC.md, PRD.md
 - [x] IBM Plex Mono — per Google Fonts CDN eingebunden (15.08.2026)
 - [x] ANSI-Art Font-Size auf 20px + Content-Bereich +10px angepasst (15.08.2026)
 - [x] `bbs/cds.astro` → `bbs/fido/cds.astro` verschoben (15.08.2026)
+- [ ] IBM Plex Mono lokal hosten (Google Fonts herunterladen, @font-face in global.css, CDN-Link entfernen)
 
 ---
 

src/components/ModemIntro.tsx

@@ -23,7 +23,7 @@ export default function ModemIntro() {
 |  28k8   [MODEM]   ATDT +49-821-2191-038  |
 +------------------------------------------+`}</pre>
       {state === 'idle' && (
-        <pre style={{ textAlign: 'center' }}><a href="#" onClick={(e) => { e.preventDefault(); selectLine(1); }}>{`> Line 1: +49-821-2191-038 [VFC V34] 28800 <`}</a>{'\n\n'}<a href="#" onClick={(e) => { e.preventDefault(); selectLine(2); }}>{`> Line 2: +49-821-2191-036 [X75]     64000 <`}</a>{'\n\n'}<span className="select-line-hint">{`>>>>>>>>> SELECT A LINE TO CONNECT <<<<<<<<<`}</span></pre>
+        <pre style={{ textAlign: 'center' }}><a href="#" onClick={(e) => { e.preventDefault(); selectLine(1); }}>{`> Line 1: +49-821-2191-038 [VFC V34] 28800 <`}</a>{'\n\n'}<a href="/bbs/" onClick={(e) => { e.preventDefault(); selectLine(2); }}>{`> Line 2: +49-821-2191-036 [X75]     64000 <`}</a>{'\n\n'}<span className="select-line-hint">{`>>>>>>>>> SELECT A LINE TO CONNECT <<<<<<<<<`}</span></pre>
       )}
       {state === 'dialing' && <p style={{ textAlign: 'center' }}>Dialing... please wait.</p>}
     </div>

src/components/StatusBar.astro

@@ -1,5 +1,5 @@
 ---
 const now = new Date();
-const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth() + 1).padStart(2, '0')}.1994`;
+const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth() + 1).padStart(2, '0')}.1995`;
 ---
 <div class="status-bar" style="display: flex; justify-content: space-between;"><span>Status: 28800 bps | Line: V34 | 28k8.moonweb.org</span><span>{dateStr}</span></div>

src/layouts/TerminalLayout.astro

@@ -11,7 +11,14 @@ const { title, description = 'A 90s BBS/demoscene retro hub.', accentClass = ''
     <meta name="description" content={description} />
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
-    <meta property="og:image" content="/og-image.png" />
+    <meta property="og:image" content="https://28k8.moonweb.org/og-image.png" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content={Astro.url.href} />
+    <meta property="og:site_name" content="tHE tEMPLE bBS" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:image" content="https://28k8.moonweb.org/og-image.png" />
     <link rel="icon" href="/favicon.ico" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

src/pages/bbs/amiga/esprit.astro

@@ -12,7 +12,7 @@ const releases = await getCollection('esprit');
 <TerminalLayout title="ESPRIT Releases" description="ESPRIT releases - Amiga DemoMaker utilities, intro tools and creative software from the demoscene.">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_ESPRIT} />
-    <img src="/images/esprit-logo.png" alt="ESPRIT" style="width:100%; max-width: 640px; display:block; margin: 0 auto 1rem;" />
+    <img src="/images/esprit-logo.png" alt="ESPRIT" width="640" height="180" style="width:100%; max-width: 640px; height:auto; display:block; margin: 0 auto 1rem;" />
     <NavBar />
     <h1>ESPRIT Releases</h1>
     <p>A collection of demos built on the Amiga 500.</p>

src/pages/bbs/index.astro

@@ -11,6 +11,8 @@ 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.">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_TEMPLE} />
+    <h2>tHE tEMPLE bBS — Bulletin Board System</h2>
+    <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">
       <Tile sections={[
         {

src/pages/bbs/pc/phobia.astro

@@ -10,7 +10,7 @@ import LetterFooter from '../../../components/LetterFooter.astro';
 <TerminalLayout title="PHOB!A" description="PHOB!A DemoGroup archive - intros, demos and utilities from the Augsburg PC demoscene, 1990s.">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_PHOBIA} />
-    <img src="/images/phobia-header.png" alt="PHOB!A" style="width:100%; max-width: 640px; display:block; margin: 0 auto 1rem;" />
+    <img src="/images/phobia-header.png" alt="PHOB!A" width="640" height="180" style="width:100%; max-width: 640px; height:auto; display:block; margin: 0 auto 1rem;" />
     <NavBar />
     <h1>PHOB!A</h1>
     <div class="release-row">

src/pages/bbs/pc/skyline.astro

@@ -20,7 +20,7 @@ const intros = releases.filter((r) => r.data.title.toLowerCase().includes('intro
 <TerminalLayout title="SkyLINE Productions" description="SkyLINE Productions - tools, demos and utilities for the 486" accentClass="skyline-accent">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_SKYLINE_SECTION} />
-    <img src="/images/skyline-header.png" alt="SkyLINE Productions" style="width:100%; max-width: 640px; display:block; margin: 0 auto 1rem;" />
+    <img src="/images/skyline-header.png" alt="SkyLINE Productions" width="640" height="180" style="width:100%; max-width: 640px; height:auto; display:block; margin: 0 auto 1rem;" />
     <NavBar />
     <h1>SkyLINE Productions</h1>
     <p>Augsburg's first DemoGroup. Sterling (Stefan Kölle) and M.H. (Matthias Hebeisen) coding utilities, intros and games since 1993.</p>

src/pages/bbs/pc/trancemission.astro

@@ -10,7 +10,7 @@ import LetterFooter from '../../../components/LetterFooter.astro';
 <TerminalLayout title="Tr@nceMISSION" description="Tr@nceMISSION archive - music, intros and tools from the PC demoscene, released via tHE tEMPLE bBS.">
   <TerminalShell client:load>
     <AnsiArt html={BANNER_TRANCE} />
-    <img src="/images/trancemission-header.png" alt="Tr@nceMISSION" style="width:100%; max-width: 640px; display:block; margin: 0 auto 1rem;" />
+    <img src="/images/trancemission-header.png" alt="Tr@nceMISSION" width="640" height="180" style="width:100%; max-width: 640px; height:auto; display:block; margin: 0 auto 1rem;" />
     <NavBar />
     <h1>Tr@nceMISSION</h1>
     <div class="release-row">

src/pages/index.astro

@@ -3,7 +3,7 @@ import TerminalLayout from '../layouts/TerminalLayout.astro';
 import ModemIntro from '../components/ModemIntro';
 import WelcomeBanner from '../components/WelcomeBanner.astro';
 const now = new Date();
-const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth() + 1).padStart(2, '0')}.1994`;
+const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth() + 1).padStart(2, '0')}.1995`;
 ---
 <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 />