TheVine/itsthevine
Archived
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Catering, and a pure Java/Spring site: Thymeleaf front to back #10

Merged
austin merged 22 commits from feature/catering-tables into main 2026-07-26 21:26:57 -05:00
Conversation 0 Commits 22 Files Changed 98
+11 -4
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 398233dba4 - Show all commits
src/main/resources/templates/home.html
+11 -4
View File
@@ -3,8 +3,15 @@
<body> <body>
<div th:fragment="content"> <div th:fragment="content">
<!--/* Hero — centred lockup on a sage wash. */--> <!--/*
<section class="relative flex items-center min-h-[78svh] py-20 md:py-28 bg-bakery-900 text-white overflow-hidden"> Hero — centred lockup on a sage wash.
56svh, not 78: at 78 a laptop's first screen was the lockup and nothing else, so the page looked like
it had one thing on it. The floor is low enough now that the next section shows above the fold and
invites the scroll, and high enough that the lockup still has room to be the first thing you see. It
is a floor, not a height — the content wins on a short window.
*/-->
<section class="relative flex items-center min-h-[56svh] py-16 md:py-20 bg-bakery-900 text-white overflow-hidden">
<!--/* Softened on purpose: the storefront's own painted sign sits right behind the logo, so a sharp <!--/* Softened on purpose: the storefront's own painted sign sits right behind the logo, so a sharp
photo makes you read the name twice. scale-110 hides the blur's feathered edges. */--> photo makes you read the name twice. scale-110 hides the blur's feathered edges. */-->
<img th:src="${photos.of('gallery/Outside.webp')}" alt="" fetchpriority="high" <img th:src="${photos.of('gallery/Outside.webp')}" alt="" fetchpriority="high"
@@ -17,8 +24,8 @@
page on narrow screens. */--> page on narrow screens. */-->
<div class="relative container w-full min-w-0"> <div class="relative container w-full min-w-0">
<div class="measure text-center"> <div class="measure text-center">
<div th:replace="~{fragments/lockup :: large('text-bakery-50 mb-10')}"></div> <div th:replace="~{fragments/lockup :: large('text-bakery-50 mb-8')}"></div>
<p class="lede sm:text-xl text-bakery-100 mb-10"> <p class="lede sm:text-xl text-bakery-100 mb-8">
A coffeehouse and bakery in downtown Princeville, Illinois. A coffeehouse and bakery in downtown Princeville, Illinois.
</p> </p>
<div class="flex flex-col sm:flex-row gap-3 justify-center"> <div class="flex flex-col sm:flex-row gap-3 justify-center">