From ba7a38b16f9cf6614153d126b8e27ca7845b6695 Mon Sep 17 00:00:00 2001 From: Jon Seager Date: Wed, 4 Feb 2026 18:54:37 +0000 Subject: [PATCH] refactor(home): redesign stats section with icon pills and responsive layout - Replace single bordered card with compact pill-style stat links - Add Heroicons for each stat category (beaker, fire, building, bag, cup, location, wrench) - Rename old bag icon to cup, add new shopping-bag icon for bags - Use 2-column grid on mobile, centered flex wrap on desktop - Add min-width on numbers to align labels consistently --- templates/home.html | 57 ++++++++++++++++++++--------------- templates/partials/icons.html | 37 +++++++++++++++++++++++ 2 files changed, 70 insertions(+), 24 deletions(-) diff --git a/templates/home.html b/templates/home.html index a86753d..127db42 100644 --- a/templates/home.html +++ b/templates/home.html @@ -270,36 +270,45 @@ {% endif %} -
-

Your Coffee Journey

-
- -
{{ stats.brews }}
-
Brews
+
+
+

Stats

+
+
+ + {% call icons::beaker("h-4 w-4 text-amber-600") %} + {{ stats.brews }} + Brews - -
{{ stats.roasts }}
-
Roasts
+ + {% call icons::fire("h-4 w-4 text-amber-600") %} + {{ stats.roasts }} + Roasts - -
{{ stats.roasters }}
-
Roasters
+ + {% call icons::building("h-4 w-4 text-amber-600") %} + {{ stats.roasters }} + Roasters - -
{{ stats.bags }}
-
Bags
+ + {% call icons::bag("h-4 w-4 text-amber-600") %} + {{ stats.bags }} + Bags - -
{{ stats.cups }}
-
Cups
+ + {% call icons::cup("h-4 w-4 text-amber-600") %} + {{ stats.cups }} + Cups - -
{{ stats.cafes }}
-
Cafes
+ + {% call icons::location("h-4 w-4 text-amber-600") %} + {{ stats.cafes }} + Cafes - -
{{ stats.gear }}
-
Gear
+ + {% call icons::wrench("h-4 w-4 text-amber-600") %} + {{ stats.gear }} + Gear
diff --git a/templates/partials/icons.html b/templates/partials/icons.html index 6185e37..3f73284 100644 --- a/templates/partials/icons.html +++ b/templates/partials/icons.html @@ -49,6 +49,12 @@ {% endmacro %} {% macro bag(class) %} + +{% endmacro %} + +{% macro cup(class) %} @@ -105,6 +111,37 @@ {% endmacro %} +{% macro beaker(class) %} + +{% endmacro %} + +{% macro fire(class) %} + +{% endmacro %} + +{% macro building(class) %} + +{% endmacro %} + +{% macro sparkles(class) %} + +{% endmacro %} + +{% macro wrench(class) %} + +{% endmacro %} + {% macro x_circle(class) %}