From 606deee009a4dbc22823a4e539cff67f915983dd Mon Sep 17 00:00:00 2001 From: austin Date: Sun, 26 Jul 2026 20:00:59 -0500 Subject: [PATCH] Photographs hold still, and every page opens the same way MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit HOVER IS OFF THE IMAGES. The product cards lifted, the homepage's three cards lifted and zoomed their photo 5% on the way. None of those cards is a link, so the lift was promising a click that isn't there, and a photograph of a cake does not benefit from moving. `panel-lift` is still defined for the day something IS clickable; nothing on the public site uses it. EVERY PAGE NOW OPENS THE SAME: a small-caps line, the title in the display face, one sentence saying what this is. Two dresses for it — `photographed` for the pages that sell or tell (catering, the story), where a blurred photo under the sage wash does what the homepage hero does; `plain` for the pages you arrive at already knowing what you want, where a photograph would be in front of the thing you came for. It was four pieces of markup that happened to look similar; it is one fragment with two variants. Products and Contact gained the eyebrow they were missing ("From the counter", "Say hello"). THE HOMEPAGE'S ORDER was hero → what people come in for → story → catering → visit: two cream sections butted together at the end, with the one block that sells something buried between them. Now hero → what people come in for → catering (on the deeper cream, so two light sections still read as two) → story → visit. Dark, light, light-but-different, dark, light. TWO BUGS THE SCREENSHOTS FOUND, both invisible at the width I had been checking: - Between 1024 and about 1200 the wordmark, the nav gaps AND the open-now line all stepped up at once, so the script overflowed its box and painted over the branch mark. They step up at xl now, separately. - The open-now fragment hardcoded `inline-flex` while the header passed `hidden lg:…`, which is two rules for one property — the winner decided by Tailwind's output order rather than by the markup, which is why "hidden" wasn't hiding it. The caller owns display now. Checked at 390, 800, 900, 1000, 1024, 1100, 1200, 1280 and 1440. 60 tests green. --- src/main/resources/templates/catering.html | 34 +++------- src/main/resources/templates/contact.html | 10 ++- .../resources/templates/fragments/header.html | 13 ++-- .../resources/templates/fragments/lockup.html | 2 +- .../templates/fragments/opening.html | 44 +++++++++++++ .../resources/templates/fragments/visit.html | 5 +- src/main/resources/templates/history.html | 23 ++----- src/main/resources/templates/home.html | 62 +++++++++---------- src/main/resources/templates/products.html | 13 ++-- 9 files changed, 109 insertions(+), 97 deletions(-) create mode 100644 src/main/resources/templates/fragments/opening.html diff --git a/src/main/resources/templates/catering.html b/src/main/resources/templates/catering.html index 949911a..5f06daf 100644 --- a/src/main/resources/templates/catering.html +++ b/src/main/resources/templates/catering.html @@ -3,27 +3,11 @@
- -
- -
-
- -
-
-

Order ahead

-

Goodie boxes & catering

-

- Boxes for the office, packages for a party, and cakes and desserts for a wedding. -

-
-
-
+
@@ -33,11 +17,7 @@ mind, and we will bake to it.

- - +
@@ -67,7 +47,7 @@ : (${#lists.size(table.tiers) == 2} ? 'sm:grid-cols-2 max-w-3xl mx-auto' : 'sm:grid-cols-2 lg:grid-cols-3')">
+ class="relative flex flex-col overflow-hidden panel"> diff --git a/src/main/resources/templates/contact.html b/src/main/resources/templates/contact.html index 88dc362..865bf44 100644 --- a/src/main/resources/templates/contact.html +++ b/src/main/resources/templates/contact.html @@ -3,12 +3,10 @@
-
-

Contact us

-

- Ask about a cake, a date, or an order for a crowd. We read everything that comes in. -

-
+
+
@@ -47,7 +52,7 @@

+ 'inline-flex text-sm text-bakery-600 py-4')}">

diff --git a/src/main/resources/templates/fragments/lockup.html b/src/main/resources/templates/fragments/lockup.html index 0c04717..021bb44 100644 --- a/src/main/resources/templates/fragments/lockup.html +++ b/src/main/resources/templates/fragments/lockup.html @@ -22,7 +22,7 @@ - + diff --git a/src/main/resources/templates/fragments/opening.html b/src/main/resources/templates/fragments/opening.html new file mode 100644 index 0000000..44a74d3 --- /dev/null +++ b/src/main/resources/templates/fragments/opening.html @@ -0,0 +1,44 @@ + + + + + +
+ + +
+
+ +
+
+

Order ahead

+

Goodie boxes & catering

+

One line about the page.

+
+
+
+ +
+

From the counter

+

Our products

+

One line about the page.

+
+ + + + + diff --git a/src/main/resources/templates/fragments/visit.html b/src/main/resources/templates/fragments/visit.html index 11b1dd9..48965c8 100644 --- a/src/main/resources/templates/fragments/visit.html +++ b/src/main/resources/templates/fragments/visit.html @@ -32,8 +32,11 @@ + + th:class="'items-center gap-2 ' + ${textClass}"> Open until 2:00pm diff --git a/src/main/resources/templates/history.html b/src/main/resources/templates/history.html index dbfed4e..388b69d 100644 --- a/src/main/resources/templates/history.html +++ b/src/main/resources/templates/history.html @@ -3,24 +3,11 @@
- -
- -
-
-
-
-

Since 2024

-

Our story

-

- 215 E Main Street, in the middle of downtown Princeville. -

-
-
-
- -
+
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html index 740ad06..b1239d5 100644 --- a/src/main/resources/templates/home.html +++ b/src/main/resources/templates/home.html @@ -48,18 +48,42 @@

What people come in for

-
- - -
+ class="panel overflow-hidden text-center"> + +

Cinnamon Rolls

+ +
+
+
+ Iced sugar cookies from The Vine +
+

Ordering for a crowd?

+

+ Goodie boxes for the office, packages for a party, and cakes and desserts for a wedding — + with prices, sizes and what each one includes, so you can see where to start. +

+ + Goodie boxes & catering + +
+
+
+
+
@@ -76,32 +100,6 @@
- -
-
-
- Iced sugar cookies from The Vine -
-

Ordering for a crowd?

-

- Goodie boxes for the office, packages for a party, and cakes and desserts for a wedding — - with prices, sizes and what each one includes, so you can see where to start. -

- - Goodie boxes & catering - -
-
-
-
-
diff --git a/src/main/resources/templates/products.html b/src/main/resources/templates/products.html index 99ad768..1b1dc5f 100644 --- a/src/main/resources/templates/products.html +++ b/src/main/resources/templates/products.html @@ -3,13 +3,10 @@
-
-

Our products

-

- What comes out of the kitchen on Main Street. Cakes and decorated cookies are made to order, so - most of what follows started as somebody describing what they wanted. -

-
+
+ class="panel overflow-hidden">