From fb8e3d0ed9e966a614d54b5ad8d3ae4bfedc0cd7 Mon Sep 17 00:00:00 2001
From: Stefan Koelle <stefan.koelle@gmail.com>
Date: Mon, 17 Aug 2026 19:24:22 +0200
Subject: [PATCH] some improvements

---
 TODO.md                              | 1 +
 src/components/ModemIntro.tsx        | 2 +-
 src/components/StatusBar.astro       | 2 +-
 src/layouts/TerminalLayout.astro     | 9 ++++++++-
 src/pages/bbs/amiga/esprit.astro     | 2 +-
 src/pages/bbs/index.astro            | 2 ++
 src/pages/bbs/pc/phobia.astro        | 2 +-
 src/pages/bbs/pc/skyline.astro       | 2 +-
 src/pages/bbs/pc/trancemission.astro | 2 +-
 src/pages/index.astro                | 2 +-
 10 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/TODO.md b/TODO.md
index d08b5f1..8c129c9 100644
--- a/TODO.md
+++ b/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)
 
 ---
 
diff --git a/src/components/ModemIntro.tsx b/src/components/ModemIntro.tsx
index b1e3b38..e86b9ad 100644
--- a/src/components/ModemIntro.tsx
+++ b/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>
diff --git a/src/components/StatusBar.astro b/src/components/StatusBar.astro
index 7e60956..b701502 100644
--- a/src/components/StatusBar.astro
+++ b/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>
diff --git a/src/layouts/TerminalLayout.astro b/src/layouts/TerminalLayout.astro
index 9e4a829..2a87b8a 100644
--- a/src/layouts/TerminalLayout.astro
+++ b/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 />
diff --git a/src/pages/bbs/amiga/esprit.astro b/src/pages/bbs/amiga/esprit.astro
index f38cf4d..161a931 100644
--- a/src/pages/bbs/amiga/esprit.astro
+++ b/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>
diff --git a/src/pages/bbs/index.astro b/src/pages/bbs/index.astro
index 3a77af6..183eb46 100644
--- a/src/pages/bbs/index.astro
+++ b/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={[
         {
diff --git a/src/pages/bbs/pc/phobia.astro b/src/pages/bbs/pc/phobia.astro
index 4f496ea..81c5e21 100644
--- a/src/pages/bbs/pc/phobia.astro
+++ b/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">
diff --git a/src/pages/bbs/pc/skyline.astro b/src/pages/bbs/pc/skyline.astro
index 711465a..819324d 100644
--- a/src/pages/bbs/pc/skyline.astro
+++ b/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>
diff --git a/src/pages/bbs/pc/trancemission.astro b/src/pages/bbs/pc/trancemission.astro
index caa2352..e06c6c9 100644
--- a/src/pages/bbs/pc/trancemission.astro
+++ b/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">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 49a645a..4ad91b4 100644
--- a/src/pages/index.astro
+++ b/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 />