From f2b47f38b49bc0b5ba3f5c01bc2b762dd61dbc34 Mon Sep 17 00:00:00 2001 From: michael_dileo Date: Thu, 14 Aug 2025 19:43:30 +0000 Subject: [PATCH] responsive navbar (#14) collapse navbar on smaller screens. #9 Co-authored-by: Michael DiLeo Reviewed-on: http://source.michaeldileo.org/michael_dileo/Keyboard-Vagabond-Web/pulls/14 --- minify-build.js | 27 ++++++++++-- public/about.html | 25 +++++++++-- public/index.html | 23 +++++++++- public/site-styles/style.css | 83 ++++++++++++++++++++++++++++++++++++ 4 files changed, 148 insertions(+), 10 deletions(-) diff --git a/minify-build.js b/minify-build.js index c8cc359..bd51d3d 100644 --- a/minify-build.js +++ b/minify-build.js @@ -51,7 +51,14 @@ async function createOptimizedBuild() { 'video-container', 'photo-gallery', 'photo-item', - 'dark' + 'dark', + // Responsive navigation classes + 'desktop-nav', + 'mobile-nav', + 'dropdown', + // Button classes + 'secondary', + 'outline' ], deep: [ /^--pico-/, @@ -60,7 +67,12 @@ async function createOptimizedBuild() { /:hover/, /:focus/, /:active/, - /:visited/ + /:visited/, + // Dropdown and interactive states + /\[open\]/, + /\[role=/, + /details/, + /summary/ ], // Keep base typography selectors that are essential for proper font rendering greedy: [ @@ -78,7 +90,14 @@ async function createOptimizedBuild() { /^a$/, /^a:/, // Add anchor pseudo-classes like a:hover, a:focus /^a\./, // Add anchor with classes like a.secondary - /^a\[/ // Add anchor with attributes like a[role=button] + /^a\[/, // Add anchor with attributes like a[role=button] + // Dropdown and button elements + /^details$/, + /^summary$/, + /^button$/, + /^button:/, + /^button\./, + /^button\[/ ] }, variables: true, @@ -239,7 +258,7 @@ async function bundleAndMinifyJS() { hoist_vars: false, if_return: true, join_vars: true, - cascade: true, + side_effects: true }, mangle: { diff --git a/public/about.html b/public/about.html index b5cc577..b305bfd 100644 --- a/public/about.html +++ b/public/about.html @@ -4,22 +4,39 @@ - - + Keyboard Vagabond - About