1200x630 screenshot captured at bloom state. Open Graph and Twitter
Card meta for rich link previews when shared.

Grass blades rendered to offscreen buffer refreshed every 3-5 frames
instead of every frame. Mobile tier: pixelDensity(1), 24fps, fewer
grass blades, lower petal cap. ~75% fewer grass draw calls on average.

p5.js canvas with impressionist top-down flower garden: organic bloom
lifecycle (bud → bloom → wilt → respawn), rare mutations (queen,
hypersaturated, variegated, concentric, firecracker), wind-driven
grass, falling petals, ambient day/night light cycle, dawn reveal.

DOM overlay with staggered text entrance, RSVP modal with decorative
floral ornaments and entrance animation. Dark theme, mobile-first.

- Use inline opacity (0.15) on poster image — Tailwind opacity-20 not
  applying in production build
- Add color-scheme: dark meta tag for browser/reader mode compatibility
- Set html/body background to #0a0a0a to prevent white bleed
- Fix reveal animation: sections visible by default, animate only after
  JS hydration via .reveal-ready class on documentElement
- Bump screenshots script to domcontentloaded + 3s render wait

- Fix mobile hero title clipping (clamp min 5rem → 3rem)
- Reduce dead space between streaming and video sections
- Bump hero poster opacity to 20% for more atmosphere
- Add archive.org thumbnails to video cards with gradient overlay
- Add scroll-triggered reveal animations (IntersectionObserver)
- Add subtle grain/noise overlay (SVG texture at 3% opacity)
- Alternate section backgrounds (#0a0a0a / #0e0e0e) for depth
- Upgrade album platform links to pill buttons with neon hover
- Brand-colored hover on booking submit button
- Add fadeIn animation for streaming embed transitions

- Fix globals.css: @import "tailwindcss" + @source (v4 syntax)
- Fix hero: reduce poster opacity to 10%, use inline clamp for title
- Remove oversized arrows from tour timeline, use inline styles
- Add custom DeezerIcon SVG (react-icons has no Deezer icon)
- Replace em dashes with appropriate punctuation throughout
- Add playwright dev dependency + screenshots script

New architecture:
- Hero: full-viewport with Syne typeface, subtle neon glow, tagline
- On Tour: vertical timeline grouped by year (2022-2026), 30 events
- Music: albums with revenue-ordered platform links (Bandcamp first),
  click-to-load streaming embeds (no auto-connect)
- Video: archive.org click-to-load cards (4 TOPLAP recordings)
- Booking: mailto-based contact form
- Footer: social icons + email

Design: editorial dark aesthetic, Syne font, restrained neon accents.
Zero third-party connections until user interaction.

Merge event data from 3 sources:
- Existing content/lives/ files
- Salvaged events from old parvagues-redesign branch
- Archive.org metadata (TOPLAP streams, Solstice sets)

30 events across 5 years. Enriched with archive.org video URLs.
Removed duplicate fairyteuf file.

Parvagues and dunbar

feat(cosmicfest): Integrate audio players and enhance UI/UX

Implements a modal for viewing V0 gallery photos and makes further
adjustments to audio player and gallery item styling based on feedback.

Key changes:
- SoundCloud Player: Adjusted to 450x450px and updated CSS for flex layout.
- V0 Gallery Photos:
    - Ensured min-height of 150px is respected (current height 200px).
    - Implemented a modal view:
        - Click on photo opens it in a full-size modal.
        - Modal can be closed with Escape key, overlay click, or close button.
        - Uses Next.js Image for optimized display within the modal.
        - Prevents background scroll when modal is open.
        - Includes accessibility attributes (ARIA, keyboard navigation).

Addresses feedback from previous commit:
- Increases the size of V0 gallery photos by adjusting grid min-width and item height.
- Updates the audio section title to "audio ~ ParVagues" and description as requested.
- Implements a flex layout for the Bandcamp and SoundCloud players:
    - Players are displayed side-by-side on screens wider than 768px.
    - Players stack vertically on screens 768px or narrower.

Integrates Bandcamp and SoundCloud players for the ParVagues live set
into the CosmicFest page.

Key changes:
- Added Bandcamp embed for track-by-track listening.
- Added SoundCloud embed for the continuous mix (downloads enabled).
- Updated "prends la prochaine vague" button to a mailto link.
- Reduced padding and font sizes for lineup tiles for a more compact look.
- Ensured lineup artist names and emojis stay on a single line with responsive font sizing.
- Improved hero section text contrast.
- Enhanced V0 gallery:
    - Improved visibility of alt text for photos.
    - Made entire video items clickable links.
    - Standardized gallery item styling.
- General mobile-first and accessibility improvements.

feat: Add YouTube to ParVagues footer and fix header booking link

- Added YouTube icon and link to the social media section in the ParVagues footer.
- Updated the header booking link to the correct mailto address.

feat: Initial landing page for cosmicfest subsite

- Modifies the focus selectors in `cosmicfest.module.css` to use `:global()` to comply with CSS Modules restrictions.
- This resolves the build failure.

- Creates basic structure for /cosmicfest.
- Implements main landing page with sections for hero, lineup, v0 (previous edition) content, countdown, CTA, and festival off teaser.
- Includes placeholders for images and video content.
- Adds styling for a light theme, reflecting the 'surfers cross techno' vibe with lowercase aesthetic.
- Countdown component implemented.
- Basic responsive design considerations included.

This commit provides fixes for issues identified in your feedback following the initial ParVagues subsite UI/UX enhancements.

Key corrections include:

1.  **Header Rewrite:**
    *   The header component (`ParVaguesHeader.js`) was further refined to ensure a strict single-row layout.
    *   Logo is fixed to the top-left, navigation links are spaced out in the center, and the "Book" button is fixed to the top-right.
    *   Header height and element spacing were adjusted for a thinner appearance.

2.  **"Potentiel / Composition / Performance" Interactivity:**
    *   I verified that the highlighting of the section heading (Potentiel, Composition, Performance) correctly corresponds to the active section and displayed image carousel.
    *   I confirmed that the entire clickable block for each section (title and description) correctly displays a link pointer cursor on hover. (I confirmed no code changes were needed here, the existing implementation was correct).

3.  **Event Page Image Gallery:**
    *   I corrected a critical positioning issue where gallery images were rendering outside the page flow. I added `position: relative` to the gallery container (`galleryGrid`) to properly scope absolutely positioned child elements (masonry items).
    *   I verified that images render as fixed-size cards within the gallery section and that modal functionality (on-click, close button, Esc key) is working as intended.

4.  **Footer Logo Centering Regression:**
    *   The footer logo is now correctly centered within its designated middle column. I added `flex justify-center` to the logo's immediate wrapper `div` to ensure horizontal centering.

These changes address the specific points you raised in the feedback, aiming to deliver the intended UI behavior and visual presentation for the ParVagues subsite.

This commit implements a series of improvements to the ParVagues subsite, addressing issues related to layout, interactivity, and content presentation.

Key changes include:

1.  **Header Redesign:**
    *   Implemented a thinner, single-row fixed header.
    *   Logo positioned top-left, navigation links centered, and "Book" button top-right.
    *   Dynamic title now appears next to the logo on scroll or non-home pages.

2.  **Interactive Section ("Potentiel/Composition/Performance"):**
    *   Added a pointer cursor for section selection.
    *   The active section is now clearly highlighted.
    *   Implemented auto-toggling between sections every 5 seconds, with timer reset on manual click.

3.  **Album Link Sorting:**
    *   Platform links for albums in the "Sorties" section are now consistently ordered: YouTube > Deezer > Spotify > Apple Music > Tidal > Amazon.

4.  **Upcoming Events ("Prochains Événements"):**
    *   Events are now sorted by increasing date (soonest first).
    *   Card styling was reviewed and confirmed to be appropriate.

5.  **Event Page Restructure:**
    *   Improved typography: Event title is H1, countdown timer is a prominent H2, and location is H3.
    *   Enhanced above-the-fold visibility of key event information and teasers.
    *   Revamped image gallery:
        *   Displays all images as fixed-size cards in a masonry layout.
        *   Images open in a modal view on click, with a close button and Esc key dismissal.
        *   Transparent images (PNGs) now have a light background for better visibility in cards and modal.

6.  **Footer Fix:**
    *   Resolved issue where footer content (especially links) could be hidden.
    *   Removed `overflow: hidden` from the footer and adjusted its internal layout (logo size, column structure) to ensure all content is visible.
    *   Confirmed main page flexbox structure correctly pushes the footer to the bottom of the viewport.

These changes collectively improve the visual appeal, usability, and information hierarchy of the ParVagues subsite.

ParVagues overhaul