Add Maison Céleste luxury perfume website - #3
Open
matheoceleste-sudo wants to merge 5 commits into
Open
Conversation
Site vitrine statique (HTML/CSS/JS + Tailwind) pour une maison de parfum, esthétique éditoriale crème & or (Playfair Display + Inter), en français. - 5 pages : accueil, collection (filtre par famille olfactive), fiche parfum (pyramide olfactive), la maison, contact (formulaire avec validation) - Flacons SVG teintés par famille olfactive, logo & favicon - JS : menu mobile accessible, header au scroll, reveals (gated .js pour rester visible sans JS), filtres, validation de formulaires - Accessibilité : focus visibles, aria, prefers-reduced-motion, responsive - data.md : contenu placeholder centralisé pour personnalisation facile Généré avec l'aide du skill UI/UX Pro Max (tokens, typo, palette). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd
Le hero d'accueil devient une scène animée pilotée au scroll (sticky/pin) : - le flacon (SVG inline) se remplit de parfum au fil du défilement - les notes olfactives se succèdent (tête → cœur → fond) en fondu enchaîné - halo doré qui s'intensifie, jauge de progression, bouchon qui se soulève - CTA final « Nuit d'Ambre » - pur JS (scroll progress + requestAnimationFrame), aucune dépendance - fallback sans JS (flacon plein, titre + CTA) et prefers-reduced-motion respecté Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| 🔵 In progress View logs |
mathclean | 6fc63cf | Jul 11 2026, 02:12 AM |
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| 🔵 In progress View logs |
cloudflare-docs | 59aff08 | Jul 10 2026, 11:32 PM |
Deux flyers pour Mathclean, service de nettoyage haut de gamme (particuliers/pro, bateaux, jets privés) : - print-flyer : version papier A5, imprimable - animated-flyer : version animée pour le web (halo, apparitions, particules) Style éditorial épuré bleu marine & or. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd
…iles) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR introduces a complete static website for Maison Céleste, a luxury perfume house. The site is a full-featured, production-ready showcase built with semantic HTML, custom CSS (with design tokens), and vanilla JavaScript—no build tools required.
Key Features
Files Added
index.html,collections.html,parfum.html,maison.html,contact.htmlcss/styles.css(565 lines) with CSS custom properties, animations, and responsive utilitiesjs/main.js(205 lines) for interactivity, scroll effects, and form handlingdata.md(content reference),README.md(setup guide)Design Highlights
Content Structure
All text is placeholder and centralized in
data.mdfor easy personalization. The site includes:No Dependencies
Test Plan
N/A — This is a static HTML/CSS/JS site. Verify by:
index.htmlin a browser or runningpython3 -m http.server 8080https://claude.ai/code/session_016sjEh65UWQx5QZqAN3uNAd