From 949075b26797da84f3c9eb89d2bc120c71a622b5 Mon Sep 17 00:00:00 2001 From: KoalaDev <6156589+Shik3i@users.noreply.github.com> Date: Sun, 12 Jul 2026 06:50:37 +0200 Subject: [PATCH] style(website): optimize header scroll-shrink and clean up footer styles/hover effects --- website/styles/foundation.css | 14 +++++++- website/styles/landing-primary.css | 53 +++++++++++++++++++++++++++++- website/template.html | 14 ++++---- 3 files changed, 72 insertions(+), 9 deletions(-) diff --git a/website/styles/foundation.css b/website/styles/foundation.css index bc744f7..a99606c 100644 --- a/website/styles/foundation.css +++ b/website/styles/foundation.css @@ -1061,10 +1061,20 @@ nav { } nav.nav-scrolled { - padding: 0.75rem 0; + padding: 0.45rem 0; background: oklch(0.20 0.025 140 / 0.9); } +nav.nav-scrolled .logo-area img { + height: 44px; + width: 44px; + margin: 0; +} + +nav.nav-scrolled .logo-area { + font-size: 1.25rem; +} + html.theme-light nav.nav-scrolled { background: oklch(0.95 0.01 100 / 0.92); } @@ -1081,6 +1091,7 @@ html.theme-light nav.nav-scrolled { font-weight: 800; font-size: 1.5rem; letter-spacing: -0.5px; + transition: font-size 0.3s ease; } /* Logo can be a plain ; without this it falls back to the UA link blue, @@ -1099,6 +1110,7 @@ a.logo-area { object-fit: contain; border-radius: 8px; margin: -4px 0; + transition: height 0.3s ease, width 0.3s ease, margin 0.3s ease; } .nav-ext-status { diff --git a/website/styles/landing-primary.css b/website/styles/landing-primary.css index 1dfce32..c7163da 100644 --- a/website/styles/landing-primary.css +++ b/website/styles/landing-primary.css @@ -1257,11 +1257,15 @@ html.theme-light .player-badge.active { /* --- Footer --- */ footer { padding: 4rem 0; - border-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; color: var(--text-muted); } +html.theme-light footer { + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + footer a { color: var(--text-muted); text-decoration: none; @@ -1272,6 +1276,53 @@ footer a:hover { color: var(--text); } +.footer-ram { + font-size: 0.8rem; + margin-top: 0.5rem; +} + +.footer-links { + margin-top: 1.5rem; + font-size: 0.8rem; + display: flex; + justify-content: center; + align-items: center; + gap: 1.5rem; + flex-wrap: wrap; +} + +.footer-mastodon-link { + display: inline-flex; + align-items: center; + gap: 4px; +} + +.footer-support-btn { + color: #fff !important; + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 6px; + background: #b94642; + border: 1px solid rgba(255, 255, 255, 0.18); + border-radius: 999px; + padding: 3px 9px; + font-size: 0.72rem; + font-weight: 700; + line-height: 1; + transition: background-color 0.2s ease, transform 0.2s ease, border-color 0.2s ease; +} + +.footer-support-btn:hover { + background: #d9534f; + border-color: rgba(255, 255, 255, 0.35); + transform: translateY(-1px); +} + +.footer-support-btn:active { + transform: translateY(0); +} + /* --- Animations --- */ [data-reveal] { diff --git a/website/template.html b/website/template.html index 6941ce3..8b75735 100644 --- a/website/template.html +++ b/website/template.html @@ -1547,17 +1547,17 @@