From f0ab10899ab665f42247504ab691cb4f031f26bb Mon Sep 17 00:00:00 2001 From: mehbark Date: Sun, 25 Jan 2026 20:44:58 -0500 Subject: [PATCH] use header instead of a div + fancier dark mode header --- site-src/layout/badges.njk | 4 ++-- site-src/layout/page.njk | 2 +- site-src/res/main.css | 47 ++++++++++++++++++++++++-------------- 3 files changed, 33 insertions(+), 20 deletions(-) diff --git a/site-src/layout/badges.njk b/site-src/layout/badges.njk index 90301b7..c759e9c 100644 --- a/site-src/layout/badges.njk +++ b/site-src/layout/badges.njk @@ -24,7 +24,7 @@ terezi next to text that says THIS USER LOVES TEREZI in terezi's typing quirk The firefox logo next to text that cycles between get firefox, rediscover the web, the browser you can trust, etcetera @@ -55,7 +55,7 @@ hi cefqrn hi hi hi hi hi hi hi hi Moonbase Dot LGBT -lebsite weague +lebsite weague NES Pictionary nixos logo diff --git a/site-src/layout/page.njk b/site-src/layout/page.njk index e1e8e08..d62294d 100644 --- a/site-src/layout/page.njk +++ b/site-src/layout/page.njk @@ -29,7 +29,7 @@ title: terezi.pyrope.net -

T3R3Z1.PYROP3.N3T

+
T3R3Z1.PYROP3.N3T
{% if title != "terezi.pyrope.net" %} diff --git a/site-src/res/main.css b/site-src/res/main.css index fae1989..f83521b 100644 --- a/site-src/res/main.css +++ b/site-src/res/main.css @@ -3,6 +3,25 @@ padding: 0; } +header { + width: 100%; + font-family: + Courier New, + Courier, + monospace; + background: var(--accent2); + margin: 0; + grid-area: header; + text-align: center; + font-weight: bold; + font-size: 1.5rem; +} + +header > a { + color: var(--accent); + text-decoration: none; +} + body { font-size: 14pt; line-height: 1.3; @@ -47,6 +66,16 @@ main { } @media (prefers-color-scheme: dark) { + header { + background: url(/res/prospit-extended.webp); + background-position-y: 65%; + background-clip: text; + } + + header > a { + color: transparent; + } + body { --fg: #f6f6f6; --bg: #040402; @@ -121,7 +150,7 @@ h2 { hyphens: none; } -h1:not(#site-title) > a, +h1 > a, h2 > a { text-decoration: none; color: var(--fg); @@ -275,22 +304,6 @@ video { margin-block-end: 1rem; } -#site-title { - width: 100%; - font-family: - Courier New, - Courier, - monospace; - background: var(--accent2); - margin: 0; - grid-area: header; -} - -#site-title > a { - color: var(--accent); - text-decoration: none; -} - /*.badges a, marquee a, header a { border: none; background-color: #00000000;