<%- include('partials/head', { scripts: [] }) %>

<%- include('partials/header') %>
    <main class="flex-shrink-0">
        <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light" id="main_canvas">
            <div class="col-md-5 p-lg-5 mx-auto my-5">
                <h1 class="display-4 fw-normal iwantwhite">Ahh, planets, aren't they beautiful?</h1>
                <p class="lead fw-normal iwantwhite">When you look up at the sky, you won't probably see a planet, but I'm here to help you explore what's beaneath the look of your mustache</p>
                <a class="btn btn-outline-secondary iwantwhite" href="/random">Give me a random one then</a>
            </div>
        </div>
        <div class="px-4 pt-5 my-5 text-center border-bottom">
            <h1 class="display-4 fw-bold">Planets can be found anywhere in space...</h1>
            <div class="col-lg-6 mx-auto">
                <p class="lead mb-4 ">Planets can be part of a galaxy or a solar system, you now like humans are part of some community, isn't that great?</p>
            </div>
            <div class="overflow-hidden" style="max-height: 30vh;">
                <div class="container px-5">
                    <img src="https://bgr.com/wp-content/uploads/2014/08/universe.jpg" class="img-fluid border rounded-4 shadow-lg mb-4" alt="Example image" loading="lazy" width="900" height="500">
                </div>
            </div>
        </div>
        <%- include('partials/presentationCard', {
            isReversed: false,
            title: "Planets are awesome ! What you don't like planets... shame on you!",
            content: "First of all, you will read some useless text in order to punish you that you don't like planets... But that will change soon, after you visit this site, you will be astonished by the beauty of them, so what are you waiting for?",
            img: "https://w.wallhaven.cc/full/4x/wallhaven-4x6dmv.jpg"
        }) %>
        <%- include('partials/presentationCard', {
            isReversed: true,
            title: "What are planets anyway?",
            content: "This seemingly simple question doesn't have a simple answer. Everyone knows that Earth, Mars and Jupiter are planets. But both Pluto and Ceres were once considered planets until new discoveries triggered scientific debate about how to best describe themâ€”a vigorous debate that continues to this day.",
            img: "https://w.wallhaven.cc/full/zm/wallhaven-zmgqxy.jpg"
        }) %>
        <%- include('partials/presentationCard', {
            isReversed: false,
            title: "But you can contribute too!",
            content: "If you are an Astrophysicist and want to contribute to this beautiful website, please refer to the header in order to add another planet. If you're not I'm sorry but what can you do is to admire the beauty of the planets discovered by others, Enjoy!",
            img: "https://www.farmersalmanac.com/wp-content/uploads/2020/11/Astronomy-Night-Sky-Stars-Looking-Up-i533196725.jpeg"
        }) %>
    </main>
<%- include('partials/footer') %>
