Alpine + libc6-compat still lost the fight with Tailwind v4's prebuilt
oxide / lightningcss / rolldown bindings on the Portainer host. Debian
slim (glibc-native) is the known-good base for this stack. The serve
stage stays nginx:alpine, so the deployed image size is unchanged —
only the discarded build stage grew.
Also flip the home-page navbar from floating to the standard layout.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Responsive hero for home + category tops (390→1280px), composed from
Button, Badge, and the Icon/Logo primitives already in the DS.
- Two layouts — split (copy left / product right on lg, stacked below)
and centered — and three surface tones — cream, paper, brand. On the
brand-green surface the secondary CTA is rendered with a cream outline
pill since Button's ghost/secondary variants read dark-on-dark there.
- Decorative disc + soft glow behind the product cutout give the image
a focal point without needing a photographed backdrop.
- Headline can be passed as a string prop or as a slot (so consumers
can mix in the italic `text-brand-soft` emphasis used on the home page).
- Ships with a /design/hero showcase page that renders the component in
the DevicePreview iframe across mobile / tablet / desktop, plus
layout and tone tabs and a usage snippet. Preview route is
/design/preview/hero so the iframe can include the live Navbar.
- i18n keys added to DE + EN; AT inherits from DE.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The prebuilt @tailwindcss/oxide and lightningcss .node bindings expect a
glibc-compat runtime. On bare Alpine musl they fail to load during the
install-time probe, which cascades into `npm ci` exiting 1 in the
Portainer build.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
node:24.13.0-alpine3.20 was never published to Docker Hub, so the
Portainer build failed on pull. Switch to node:24.15.0-alpine3.23
(current Node 24 line on current Alpine line) and update README.
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>
