From bc639ec1b4692eb869d2f33865d87d04a9200a4f Mon Sep 17 00:00:00 2001 From: Nicholai Date: Thu, 18 Dec 2025 15:45:45 -0700 Subject: [PATCH] Refactor navigation & filter UI, add 404 page, tweak global CSS - Update BlogFilters: sector selection, search placeholder, and styles - Refactor Navigation: dynamic active link styling, branding link - Add 404 page component - Adjust global CSS rules - Modify utils/git-commit.js Hubert The Eunuch --- src/components/BlogFilters.astro | 62 ++++++++----------------- src/components/Navigation.astro | 32 ++++++++++--- src/components/sections/Skills.astro | 30 ++++++++---- src/pages/404.astro | 68 ++++++++++++++++++++++++++++ src/styles/global.css | 13 ++++++ 5 files changed, 148 insertions(+), 57 deletions(-) create mode 100644 src/pages/404.astro diff --git a/src/components/BlogFilters.astro b/src/components/BlogFilters.astro index 415c2eb..5b9cc51 100644 --- a/src/components/BlogFilters.astro +++ b/src/components/BlogFilters.astro @@ -11,14 +11,14 @@ const { categories, class: className = '' } = Astro.props;
-
- - /// FILTER BY +
+ + /// SECTOR SELECT @@ -26,7 +26,7 @@ const { categories, class: className = '' } = Astro.props; @@ -34,49 +34,22 @@ const { categories, class: className = '' } = Astro.props;
-
-
- - - - +
+
+ >
@@ -147,10 +120,15 @@ const { categories, class: className = '' } = Astro.props; activeCategory = chipEl.dataset.category || 'all'; // Update active state - filterChips.forEach((c) => c.classList.remove('active', 'border-brand-accent', 'text-white', 'bg-white/5')); - filterChips.forEach((c) => c.classList.add('border-white/10', 'text-slate-400')); + // Reset all to inactive state + filterChips.forEach((c) => { + c.classList.remove('active', 'border-brand-accent', 'text-white', 'bg-white/5'); + c.classList.add('border-transparent', 'text-slate-500'); + }); + + // Set clicked to active state chipEl.classList.add('active', 'border-brand-accent', 'text-white', 'bg-white/5'); - chipEl.classList.remove('border-white/10', 'text-slate-400'); + chipEl.classList.remove('border-transparent', 'text-slate-500'); filterPosts(); }); diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro index c3cc864..7ef6411 100644 --- a/src/components/Navigation.astro +++ b/src/components/Navigation.astro @@ -1,28 +1,48 @@ --- --- +--- +--- +