stefankoelle/28k8-moonweb-org
1
0
Fork 0
mirror of https://github.com/skoelle/28k8-moonweb-org.git synced 2026-09-17 18:30:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: stefankoelle/28k8-moonweb-org:17978f4972c3b9dcbc7298b14da7af072b18c8b3
Branches Tags
stefankoelle/28k8-moonweb-org:main
...
compare: stefankoelle/28k8-moonweb-org:c6840d67e8fd7750d42681181a1bd2e759b4d352
Branches Tags
stefankoelle/28k8-moonweb-org:main
3 Commits
17978f4972 ... c6840d67e8
Author SHA1 Message Date
stefankoelle c6840d67e8 Remove redundant privacy note 2026-09-13 23:40:59 +02:00
stefankoelle 7467171c6c Host IBM Plex Mono locally, remove Google Fonts, add privacy note 2026-09-13 23:39:58 +02:00
stefankoelle 3ff0cf7a3e Use h1 headings on index and main menu pages 2026-09-13 21:47:16 +02:00
8 changed files with 8 additions and 6 deletions
Expand all files Collapse all files
public/fonts/ibm-plex-mono-latin-400.woff2
BIN
View File
Binary file not shown.
public/fonts/ibm-plex-mono-latin-700.woff2
BIN
View File
Binary file not shown.
public/fonts/ibm-plex-mono-latin-ext-400.woff2
BIN
View File
Binary file not shown.
public/fonts/ibm-plex-mono-latin-ext-700.woff2
BIN
View File
Binary file not shown.
src/layouts/TerminalLayout.astro
+1 -3
View File
@@ -21,9 +21,7 @@ const { title, description = 'A 90s BBS/demoscene retro hub.', accentClass = ''
<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 />
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap" rel="stylesheet" />
</head>
<body>
<div class={`terminal-frame ${accentClass}`}>
src/pages/bbs/index.astro
+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.">
<TerminalShell client:load>
<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>
<div class="tile-grid">
<Tile sections={[
src/pages/index.astro
+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.">
<WelcomeBanner />
<p class="subtitle">Travel back to the '90s</p>
<h1 class="subtitle">Travel back to the '90s</h1>
<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>
<script>
src/styles/global.css
+5 -1
View File
@@ -1,5 +1,9 @@
/* Global terminal styling - v2: color-run classes for ANSI art, NavBar, strengthened SkyLINE blue accent. */
@font-face { font-family: 'Px437 IBM VGA 8x16'; src: url('/fonts/Px437_IBM_VGA_8x16.woff2') format('woff2'), url('/fonts/Px437_IBM_VGA_8x16.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/ibm-plex-mono-latin-ext-400.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/ibm-plex-mono-latin-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/ibm-plex-mono-latin-ext-700.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/ibm-plex-mono-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
--bg:#000; --fg:#c0c0c0; --fg-bright:#fff;
--red-dark:#8b0000; --red-bright:#ff2828; --red-shadow:#4a0000; --pink:#ff69b4; --yellow:#ffd23f; --grey:#969696;
@@ -85,7 +89,7 @@ a { color: inherit; }
.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: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 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; }