Interactive Space Journey

Generates a self-contained HTML webpage featuring an immersive, scroll-triggered journey through the Solar System.

CodingAstronomyAnimation

Prompt

Create a stunning and detailed single-page HTML webpage that utilizes a cinematic "scrollytelling" style to take the user on an immersive journey through the Solar System. This page should highlight each celestial body (Sun → Mercury → Venus → Earth → Mars → Jupiter → Saturn → Uranus → Neptune) individually and in order, with distinct page sections for each body.

Important criteria to follow strictly:

Each celestial body must have its own interactive, full-screen section visible during scrolling.

Use smooth scroll-triggered animations via GSAP (ScrollTrigger) CDN for creating dynamic transitions (zoom-ins, parallax backgrounds, transitions between planets/sections, text fade-ins, particle animations, etc.) so users truly feel they're traveling smoothly through deep space.

Provide meaningful and engaging educational content about each planet:

Clearly display the planet name prominently and aesthetically.

Include a clear, large, high-quality visual image or artistic representation (can be sourced from freely-usable public URLs or placeholders).

Provide an informative paragraph or list of at least 1–2 interesting and scientifically accurate facts per planet, written compellingly to captivate the reader.

Use font effects that create an impressive and immersive futuristic vibe/mood.

Do NOT merely place or copy/paste CDN code. Instead:

Provide original, thoughtfully prepared HTML/CSS/JavaScript code within just one isolated HTML file, entirely self-contained.

Ensure actual content (facts/text and images) about the planets is neatly arranged and purposefully written into the webpage (not placeholder text or random website links).

Clearly demonstrate effort, originality, and reasonable completeness (the page should appear well-crafted, professional-standard and polished).

Maximize the informationally rich, visually engaging, and cinematic feel of the page while remaining organized, easy-to-navigate, and optimized for user scrolling experience.

Your final output MUST BE a SINGLE complete HTML file containing inline CSS and JavaScript (CDNs permitted only if needed, but fully integrated properly), ensuring the webpage is instantly runnable, visually rich, interactive, educational, and sophisticated enough to genuinely impress an informed judge-level audience who values true quality effort and attention-to-detail.