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

fix IBM mono font

Browse Source
This commit is contained in:
stefankoelle
2026-08-15 20:28:39 +02:00
parent f00f1c1e2e
commit c8e7291aad
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/TerminalLayout.astro
+3
View File
@@ -13,6 +13,9 @@ const { title, description = 'A 90s BBS/demoscene retro hub.', accentClass = ''
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
<meta property="og:image" content="/og-image.png" /> <meta property="og:image" content="/og-image.png" />
<link rel="icon" href="/favicon.ico" /> <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> </head>
<body> <body>
<div class={`terminal-frame ${accentClass}`}> <div class={`terminal-frame ${accentClass}`}>
src/styles/global.css
+2 -2
View File
@@ -4,13 +4,13 @@
--bg:#000; --fg:#c0c0c0; --fg-bright:#fff; --bg:#000; --fg:#c0c0c0; --fg-bright:#fff;
--red-dark:#8b0000; --red-bright:#ff2828; --red-shadow:#4a0000; --pink:#ff69b4; --yellow:#ffd23f; --grey:#969696; --red-dark:#8b0000; --red-bright:#ff2828; --red-shadow:#4a0000; --pink:#ff69b4; --yellow:#ffd23f; --grey:#969696;
--blue-dark:#00008b; --blue-bright:#55aaff; --blue-shadow:#000050; --cyan:#50e6e6; --blue-dark:#00008b; --blue-bright:#55aaff; --blue-shadow:#000050; --cyan:#50e6e6;
--font-ansi:'Px437 IBM VGA 8x16','Perfect DOS VGA 437',monospace; --font-body:'IBM Plex Mono',ui-monospace,monospace; --terminal-width-ch:calc(84ch + 13px); --font-ansi:'Px437 IBM VGA 8x16','Perfect DOS VGA 437',monospace; --font-body:'IBM Plex Mono',ui-monospace,monospace; --terminal-width-ch:calc(84ch + 23px);
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:var(--fg); font-family:var(--font-body); -webkit-text-size-adjust: none; } html, body { margin:0; background:var(--bg); color:var(--fg); font-family:var(--font-body); -webkit-text-size-adjust: none; }
a { color: inherit; } a { color: inherit; }
.terminal-frame { max-width: var(--terminal-width-ch); margin:0 auto; padding:1rem; } .terminal-frame { max-width: var(--terminal-width-ch); margin:0 auto; padding:1rem; }
.ansi-text { font-family: var(--font-ansi); white-space: pre; overflow-x: hidden; line-height: 1.05; font-size: 18px; } .ansi-text { font-family: var(--font-ansi); white-space: pre; overflow-x: hidden; line-height: 1.05; font-size: 20px; }
.ansi-banner { margin: 0 0 1rem; } .ansi-banner { margin: 0 0 1rem; }
.ansi-full { margin: 0.5rem 0; overflow-x: auto; } .ansi-full { margin: 0.5rem 0; overflow-x: auto; }
.ansi-snippet { margin: 0.5rem 0; font-size: 0.8em; } .ansi-snippet { margin: 0.5rem 0; font-size: 0.8em; }