From 1ddd7b12d84a6a07a9f889eb1444a8b3b6edc48a Mon Sep 17 00:00:00 2001 From: MVA Global Fret Date: Mon, 4 May 2026 22:18:02 +0200 Subject: [PATCH] Add cinematic parallax intro page as new landing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The new index.html is a 3-act scroll-driven storytelling intro: Act 1 (Tarmac at sunset) Sunset gradient sky, mountain silhouettes, hangar, runway with centerline lights. Inline SVG cargo plane (MVA-branded gold tail) sits on the ground while box emojis cycle up a loading ramp. Act 2 (Take-off at dusk) Dusk sky, two parallax cloud layers and distant mountains. The plane translates diagonally up-and-right with a slight tilt and a glowing contrail, sized down progressively. Act 3 (Arrival at night) Deep navy night sky with twinkling stars, a glowing moon, and the Madagascar coastline silhouette. A small plane fades in descending toward the island, then a centered CTA block reveals: "Bienvenue à bord" with the gold "Accéder au site" button that routes to accueil.html (the real homepage). Implementation: - Pure CSS layered scenes; no library - Scroll progress driven by a single CSS custom property --scroll (0→1) updated via rAF, layers transform off it - Mouse-move parallax on layers via --mx/--my (skipped on touch) - Inline SVG plane reused across the 3 scenes - All text is i18n-driven with a new `intro` section in FR/EN/MG Architecture changes: - index.html → new parallax intro - accueil.html → former index.html content (full homepage) - All nav/logo/footer links updated index.html → accueil.html across the 8 existing pages - Mobile-nav on accueil.html now also includes Service Commande Co-Authored-By: Claude Sonnet 4.6 --- about.html | 10 +- accueil.html | 274 ++++++++++++++++ application.html | 10 +- cgv.html | 10 +- contact.html | 10 +- css/parallax.css | 706 ++++++++++++++++++++++++++++++++++++++++++ guide-envoi.html | 10 +- index.html | 485 ++++++++++++++--------------- js/translations.js | 45 +++ service-commande.html | 10 +- tarifs.html | 10 +- 11 files changed, 1299 insertions(+), 281 deletions(-) create mode 100644 accueil.html create mode 100644 css/parallax.css diff --git a/about.html b/about.html index 89693d6..14e5f26 100644 --- a/about.html +++ b/about.html @@ -18,11 +18,11 @@