Honey & Rye
Live demoSignature capability
A polished, fully responsive marketing site in a single ~15KB file with zero build step — used as a live GlideOps sales showcase.
What it is
A polished single-file marketing site for a fictional artisan bakery, deployed on Vercel at honey-and-rye.vercel.app. It demonstrates what GlideOps can produce for a local small business: a fixed-nav landing page with an animated hero, a scrolling marquee strip, story split-sections, a three-item menu grid, a testimonial, opening hours, and a working-looking reservation form that resolves to a thank-you state client-side. Everything is self-contained, with all CSS and JS inline and only Google Fonts loaded externally.
Highlights
- Fully self-contained single file (~15KB) with zero build step or framework.
- Warm cream/honey/terracotta palette driven by CSS custom properties, with a serif/grotesk font pairing.
- Animated hero, a 28s infinite CSS marquee, and IntersectionObserver-driven scroll reveals with per-index stagger.
- Fully responsive across four breakpoints, collapsing grids to a single column on mobile.
- Accessibility: prefers-reduced-motion disables all animation; semantic sections and alt text throughout.
- Client-side reservation form and a GlideOps mailto CTA in the footer.
Tech · Hand-written HTML5, inline CSS (custom properties, grid, fluid clamp() type), vanilla JS (IntersectionObserver, scroll-state nav), Google Fonts (Fraunces + Hanken Grotesk), inline SVG grain filter, Vercel static hosting.