From a58bf7be45a5223fd197c64a26d5cb20f734f8e9 Mon Sep 17 00:00:00 2001 From: lemurianmage Date: Wed, 4 Feb 2026 00:07:39 +0100 Subject: less eye cancer (i will get to writing soon i pwomise) --- src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff | Bin 31516 -> 0 bytes src/assets/fonts/spleen-12x24.woff2 | Bin 0 -> 22168 bytes src/assets/fonts/spleen-16x32.woff2 | Bin 0 -> 15896 bytes src/assets/fonts/spleen-32x64.woff2 | Bin 0 -> 17776 bytes src/assets/stylesheet.css | 92 ++++++++++--------------- 5 files changed, 37 insertions(+), 55 deletions(-) delete mode 100644 src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff create mode 100644 src/assets/fonts/spleen-12x24.woff2 create mode 100644 src/assets/fonts/spleen-16x32.woff2 create mode 100644 src/assets/fonts/spleen-32x64.woff2 (limited to 'src/assets') diff --git a/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff b/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff deleted file mode 100644 index ff642ee..0000000 Binary files a/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff and /dev/null differ diff --git a/src/assets/fonts/spleen-12x24.woff2 b/src/assets/fonts/spleen-12x24.woff2 new file mode 100644 index 0000000..b44d384 Binary files /dev/null and b/src/assets/fonts/spleen-12x24.woff2 differ diff --git a/src/assets/fonts/spleen-16x32.woff2 b/src/assets/fonts/spleen-16x32.woff2 new file mode 100644 index 0000000..3c4adcc Binary files /dev/null and b/src/assets/fonts/spleen-16x32.woff2 differ diff --git a/src/assets/fonts/spleen-32x64.woff2 b/src/assets/fonts/spleen-32x64.woff2 new file mode 100644 index 0000000..3e0703a Binary files /dev/null and b/src/assets/fonts/spleen-32x64.woff2 differ diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css index e7f2e62..e5a8a55 100644 --- a/src/assets/stylesheet.css +++ b/src/assets/stylesheet.css @@ -3,13 +3,25 @@ --bg: #0a0a0a; --text: beige; --main: #0d0; - --accent: #f0f; + --accent: #d0d; } @font-face { - font-family: ibm-xga; - src: url(/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff); + font-family: spleen24; + src: url(/assets/fonts/spleen-12x24.woff2); +} + +@font-face +{ + font-family: spleen32; + src: url(/assets/fonts/spleen-16x32.woff2); +} + +@font-face +{ + font-family: spleen64; + src: url(/assets/fonts/spleen-32x64.woff2); } @font-face @@ -39,55 +51,38 @@ body { background-color: var(--bg); color: var(--text); - max-width: 960px; /* 80 chars * width of 12 = 960px */ + max-width: 960px; margin: auto; font-family: texturina, serif; font-size: 1.2em; } -h1, .subtitle { text-align: center; } - -h1::before, .subtitle::before -{ - content: "\25ca "; - display: none; -} - -h1::after, .subtitle::after -{ - content: " \25ca"; - display: none; -} - -h1::after, h1::before +h1 { - color: var(--main); + font-family: spleen64, monospace; + font-size: 64px; + line-height: 64px; } -.subtitle::before, .subtitle::after +h2 { - color: var(--accent); + font-family: spleen32, monospace; + font-size: 32px; + line-height: 32px; } -.subtitle -{ - font-size: 20px; - line-height: 20px; - font-family: ibm-xga, serif; -} -h1, h2 +h1, .subtitle { - font-size: 40px; - line-height: 40px; - font-family: ibm-xga, monospace; + text-align: center; } /* footnotes is also a h2 */ .footnotes { - font-size: 20px; - line-height: 20px; + font-family: spleen24, monospace; + font-size: 24px; + line-height: 24px; } .ascii @@ -97,25 +92,14 @@ h1, h2 user-select: none; margin: 0; padding: 0; - font-family: ibm-xga, monospace; - font-size: 20px; - line-height: 20px; + font-family: spleen24, monospace; + font-size: 24px; + line-height: 24px; } -.ascii:hover, a:hover { text-shadow: 2px 2px var(--accent); } - -.big-logo { display: none; } - -@media screen and (min-width: 850px) -{ - .big-logo { display: inherit; } - .small-logo { display: none; } -} +a { color: var(--main); } -@media screen and (min-width: 425px) -{ - h1::before, h1::after, .subtitle::before, .subtitle::after { display: inline; } -} +a:hover { text-decoration: underline double var(--accent); } .buttons { @@ -125,15 +109,13 @@ h1, h2 .buttons > p { margin: 0; } -a { color: var(--main); } - .footnum, .footref { text-decoration: none; } .pages { - font-family: ibm-xga, monospace; - font-size: 20px; - line-height: 20px; + font-family: spleen24, monospace; + font-size: 24px; + line-height: 24px; text-align: center; color: var(--accent); } -- cgit v1.2.3