- Add full German translations of the three handoff docs (public/*-de.html),
each with an "English ↗" toggle; added "Deutsch ↗" toggle to the EN docs.
- Register the -de slugs in vite.config.js so the clean URLs work in dev
(nginx $uri.html already handles them in prod).
dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Every section card now links to its related live page/section, opening in
a new tab (root-relative hrefs, target=_blank rel=noopener):
- dev-doc: one link per §1–§28 card + the quick-reference card (→ /design/*
for token/component sections, the matching page/anchor for site features).
- simple-doc: switched from section-level to per-card links on each item
(23 links), mapped to /, /shop, /shop#wash, /#bundles, /kueche, etc.;
kept the inline category links and the Quick-reference → /design link.
dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- nginx: try_files adds $uri.html so /dev-doc, /simple-doc, /review-doc
resolve to the flat .html files before the SPA fallback (prod).
- vite: dev-only middleware mirrors the same rewrite so the clean URLs
work under `vite dev` too (no SPA-fallback / router warning).
- simple-doc: add hex values inline + a "Quick reference (for the
developer)" swatch grid (full palette + category colours) and type/
button/divider specs — kept layman. Cross-links now use /dev-doc.
dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
HTML render of STYLE-CHANGES-simple.md, styled to match dev-doc/review-doc
(brand hero, category swatches, crimson "waiting on you" section). Flat
file in public/ so it serves at /simple-doc.html in dev and prod. dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The directory form (public/dev-doc/index.html) only resolved at a clean
/dev-doc under nginx; in Vite dev the extensionless path hit the SPA
fallback (router "No match" warning). Flat files serve identically in
dev and prod at /dev-doc.html and /review-doc.html. dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Audited all 26 showcase sections and fixed every drift from the live
design system:
- Colors: add mint highlight, the four category colours, brand-float,
cream-dark; rewrite description.
- Typography: cards now read Zeitung (was Fraunces/DM Sans); add the
fluid headline scale (display/headline-lg/headline-md); rewrite copy.
- Hero: add the four category banner tones to the switcher + HeroPreview
validator; description "three tones" → seven.
- Buttons: accent described as crimson (not warm-yellow); brand-green.
- Revitalization: noted in reserve / not on the live site.
- Sweep stale refs: tokens.css header, Stripe/Express checkout font
(DM Sans → --font-sans stack), Fraunces/pine-green comments.
Docs: STYLE-CHANGES.md §28 + served HTML dev-doc. dist/ rebuilt.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Move the HTML dev-doc render to public/dev-doc/index.html and add the
brand-review status page at public/review-doc/index.html. nginx's
try_files $uri $uri/ serves them at /dev-doc and /review-doc ahead of the
SPA fallback; CSP already permits the inline styles. Unlisted (URL-only).
dist/ rebuilt so Portainer bakes them in.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Replace the 250 g powder box product shot with a render carrying the correct
vivid brand green (matching the 50 g sachet); red band and 3-D side panels
intact. 939×1200 transparent WebP, updated in public/ and dist/. Document the
change and product-image conventions in STYLE-CHANGES.md.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
· Homepage 3-product teaser now uses tone="cream" (white image area
+ cream card body) instead of the brand-green media wash, and the
add-to-cart buttons render as the yellow accent variant for visual
emphasis on the brand-green section above.
· First bundle's hero image swapped to /bundles/background/haushalt-bundle-2.webp
per fresh asset.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Two prior commits tried to fix a case-sensitivity ghost on the
deployed nginx (Haushalts-Bundle.webp vs haushalts-bundle.webp) by
forcing git to record the rename, but the asset still 404'd after
the Portainer redeploy. Sidestepping the case-history entirely by
shipping a fresh filename — `haushalt-bundle.webp` (singular). New
file, no name collision in any tree, code reference updated to
match.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
git was tracking Haushalts-Bundle.webp / Vorrats-Bundle.webp in both
public/bundles/{background,transparent}/ even though the on-disk
files had been renamed to lowercase (haushalts-bundle.webp etc.).
macOS's case-insensitive APFS hid the discrepancy locally, but the
deployed case-sensitive Linux filesystem 404'd the lowercase URL,
leaving the Haushalts-Bundle card with a broken image icon.
Forced the rename through git via a two-step mv-to-temp-then-back
so the index records the case change. Vorrats-Bundle.webp came
along for the ride even though no SKU references it yet — keeps the
asset directory consistent.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
· Wire bundle cards to /bundles/transparent/* artwork; rename the
ä/ü/&-bearing source files to ASCII-safe names so dev server and
CDN paths don't choke on URL-encoding edge cases.
· BundleCard gains an `imageFit` prop (`contain` default vs `cover`)
so per-bundle artwork can opt into edge-to-edge framing without
forcing the whole grid to the same fit.
· BrandHero side-fade fade-out now syncs with the tagline fade-in
(700ms ease 1150ms) — one smooth landing instead of two staggered
beats.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Pulled from the live site
(typo3conf/ext/gmsite_kaiser/Resources/Public/Images/favicon.png).
Replaces the placeholder K-on-brand SVG.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Vue 3 + Tailwind v4 frontend scaffold with living design system
at /design. Pinned dependencies, dev-only a11y toolbar with
colour-vision simulation, WCAG contrast checker, and axe-core audit.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
