From a9e15b347d87dc0e04b9626a95b8ab5b1285aaba Mon Sep 17 00:00:00 2001 From: Ruben Date: Sun, 26 Oct 2025 21:03:17 -0500 Subject: [PATCH] donation page --- _includes/layouts/admins/list.njk | 2 +- _includes/layouts/donate/donate.njk | 28 +++++++++++++++++++++++----- _includes/layouts/navbar.njk | 6 +++--- _includes/styles/base.css | 20 ++++++++++++++------ _includes/styles/navbar.css | 17 ++--------------- _includes/styles/pages/services.css | 6 +++--- _includes/styles/windows.css | 3 +++ 7 files changed, 49 insertions(+), 33 deletions(-) diff --git a/_includes/layouts/admins/list.njk b/_includes/layouts/admins/list.njk index 1e8b713..9ab11d9 100644 --- a/_includes/layouts/admins/list.njk +++ b/_includes/layouts/admins/list.njk @@ -1,7 +1,7 @@

Sneexy (Ruben)

-

Current webmaster; Hardware host (slosh!~); Admin.

+

Current webmaster; Hardware host (slosh!~); Admin.

diff --git a/_includes/layouts/donate/donate.njk b/_includes/layouts/donate/donate.njk index d87ffb5..af0fc1c 100644 --- a/_includes/layouts/donate/donate.njk +++ b/_includes/layouts/donate/donate.njk @@ -2,7 +2,7 @@ \ No newline at end of file diff --git a/_includes/layouts/navbar.njk b/_includes/layouts/navbar.njk index d425166..60f34e1 100644 --- a/_includes/layouts/navbar.njk +++ b/_includes/layouts/navbar.njk @@ -8,8 +8,8 @@ - Home + About Services Donate diff --git a/_includes/styles/base.css b/_includes/styles/base.css index 94c926d..601fb83 100644 --- a/_includes/styles/base.css +++ b/_includes/styles/base.css @@ -92,6 +92,7 @@ content-wrapper { h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--foreground); + margin-bottom: .5rem; margin-top: .5rem; text-decoration-color: transparent; transition: .2s; @@ -159,13 +160,20 @@ small a { } /* lists need some styling */ -li { - margin-left: -.7em; - padding-bottom: .5rem; +ul { + margin-left: -1.3rem; + + li { + margin-bottom: .5rem; + + &::marker { + color: var(--accent); + } + } } /* text with "title", little hover-over info tibblets */ -._info { +span[title] { cursor: help; text-decoration-color: color-mix(in srgb, var(--foreground) 40%, transparent); text-decoration-line: underline; @@ -689,7 +697,7 @@ radio-button-group { &:has(input:checked) { border-color: var(--accent); - background-color: color-mix(in srgb, var(--accent) 30%, var(--background)); + background-color: color-mix(in srgb, var(--accent) 15%, var(--background)); } &:hover, &:focus-visible { @@ -735,7 +743,7 @@ checkbox-button-group { &:has(input:checked) { border-color: var(--accent); - background-color: color-mix(in srgb, var(--accent) 30%, var(--background)); + background-color: color-mix(in srgb, var(--accent) 15%, var(--background)); &::before { background: var(--accent); diff --git a/_includes/styles/navbar.css b/_includes/styles/navbar.css index ac5436c..c9f61dc 100644 --- a/_includes/styles/navbar.css +++ b/_includes/styles/navbar.css @@ -112,7 +112,7 @@ } } - .nav-home { + .nav-about { &:hover, &:focus-visible { background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent)); outline-color: color-mix(in srgb, var(--accent) 60%, transparent); @@ -126,13 +126,6 @@ } } - .nav-webmaster { - &:hover, &:focus-visible { - background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green)); - outline-color: color-mix(in srgb, var(--green) 60%, transparent); - } - } - .nav-donate { &:hover, &:focus-visible { background-color: light-dark(color-mix(in srgb, var(--purple) 25%, var(--background)), var(--purple)); @@ -201,7 +194,7 @@ } } - .nav-home { + .nav-about { &:hover, &:focus-visible { background-color: light-dark(color-mix(in srgb, var(--accent) 25%, var(--background)), var(--accent)); } @@ -213,12 +206,6 @@ } } - .nav-webmaster { - &:hover, &:focus-visible { - background-color: light-dark(color-mix(in srgb, var(--green) 25%, var(--background)), var(--green)); - } - } - .nav-donate { &:hover, &:focus-visible { background-color: light-dark(color-mix(in srgb, var(--purple) 25%, var(--background)), var(--purple)); diff --git a/_includes/styles/pages/services.css b/_includes/styles/pages/services.css index a8cf8af..cee93ac 100644 --- a/_includes/styles/pages/services.css +++ b/_includes/styles/pages/services.css @@ -11,11 +11,11 @@ article#services { details[styled] { services-filters { display: flex; - flex-wrap: wrap; + flex-flow: column wrap; gap: 1rem; - sf-category, sf-publicity { - margin-right: auto; + checkbox-button-group { + flex-flow: row wrap; } } } diff --git a/_includes/styles/windows.css b/_includes/styles/windows.css index 4a511b2..b733c04 100644 --- a/_includes/styles/windows.css +++ b/_includes/styles/windows.css @@ -81,6 +81,9 @@ section, article { padding: .8rem; + + p:first-of-type { margin-top: 0; } + p:last-of-type { margin-bottom: 0; } } @media screen and (max-width: 60rem) {