From d62faf4c514287ae6eddc4a57c0433650fb02922 Mon Sep 17 00:00:00 2001 From: Joshua Seigler Date: Tue, 3 Jun 2025 14:26:19 -0400 Subject: [PATCH] some subtle color helps a lot --- assets/noise.png | Bin 0 -> 8338 bytes assets/site.css | 47 ++++++++++++++++++++++++++++++---------- site/_includes/post.njk | 9 +++++++- 3 files changed, 44 insertions(+), 12 deletions(-) create mode 100644 assets/noise.png diff --git a/assets/noise.png b/assets/noise.png new file mode 100644 index 0000000000000000000000000000000000000000..113c016ada10b296d8230c4bd1b228e7eea21599 GIT binary patch literal 8338 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 literal 0 HcmV?d00001 diff --git a/assets/site.css b/assets/site.css index eec4ad9..7a436f5 100644 --- a/assets/site.css +++ b/assets/site.css @@ -38,6 +38,10 @@ body { --s5: calc(var(--s4) * var(--ratio)); --content-width: clamp(75vw, 40rem, 100vw - 3rem); --inset: calc(50vw - var(--content-width) / 2); + background-image: + radial-gradient(circle at -20% -20vmin, #00f2, transparent 60%), + radial-gradient(circle at 120% calc(100% - 20vmin), #0873, transparent 60%), + url(/noise.png); } body[data-theme="dark"] { @@ -55,7 +59,6 @@ body[data-theme="dark"] { } @media (prefers-color-scheme: dark) { - body[data-theme="auto"] { background-color: var(--c-body-background); } @@ -107,9 +110,9 @@ a[href] { } a[href]:hover, a[href]:focus-visible, -label:hover, -label:focus-visible, -label:has(input:focus-visible), +nav label:hover, +nav label:focus-visible, +nav label:has(input:focus-visible), .nav-toggle-button:has(input[type="radio"]:checked) { background-color: var(--c-accent); text-decoration: none; @@ -139,7 +142,11 @@ section { margin: 4rem -1rem -4rem; height: 4.1rem; border: none; - background-image: radial-gradient(ellipse farthest-side at 50% 0%, var(--c-highlight), transparent); + background-image: radial-gradient( + ellipse farthest-side at 50% 0%, + var(--c-highlight), + transparent + ); opacity: 0.5; } @@ -188,14 +195,18 @@ blockquote { padding: 0 1em; border-left: 1px solid var(--c-accent); &::after { - content: ''; + content: ""; position: absolute; z-index: -1; top: -0.5lh; bottom: -0.5lh; left: -0.1em; width: 10rem; - background: radial-gradient(ellipse farthest-side at 0% 50%, var(--c-highlight), transparent); + background: radial-gradient( + ellipse farthest-side at 0% 50%, + var(--c-highlight), + transparent + ); opacity: 0.5; } } @@ -277,7 +288,7 @@ body > footer { } } -label { +nav label { cursor: pointer; text-decoration-line: underline; > input[type="radio"] { @@ -310,13 +321,13 @@ h3, h4 { position: relative; font-weight: 700; - text-shadow: 0 0 0.2em var(--c-highlight); + text-shadow: 0 0 0.5em var(--c-highlight); &:hover .header-anchor { opacity: 1; } &::after { opacity: 0.5; - content: ''; + content: ""; position: absolute; z-index: -1; bottom: 0; @@ -325,7 +336,11 @@ h4 { width: 30rem; max-width: 100%; /* outline: 1px solid red; */ - background: radial-gradient(ellipse farthest-side at 50% 100%, var(--c-highlight), transparent); + background: radial-gradient( + ellipse farthest-side at 50% 100%, + var(--c-highlight), + transparent + ); } } main { @@ -370,3 +385,13 @@ p > code { margin: -0.1em; border-radius: 0.5em; } + +#isso-thread { + margin-top: 4rem !important; +} +.isso-textarea { + margin: 0 !important; +} +.isso-thread-heading { + color: inherit !important; +} diff --git a/site/_includes/post.njk b/site/_includes/post.njk index 5deb836..6d6846e 100644 --- a/site/_includes/post.njk +++ b/site/_includes/post.njk @@ -1,4 +1,11 @@ --- layout: base.njk --- -{{ content | safe }} \ No newline at end of file + +{{ content | safe }} + + + +
+ +
\ No newline at end of file