{{ define "main" }}
    <div class="landing__container">
        <section class="landing__cover" id="landing-slogan">
            <div class="container">
            <div class="landing__cover__content row my-3">
                <div class="branding col-12 col-lg-3 d-flex justify-content-center">
                    {{ $image := resources.Get "images/logos/logo.png" }}
                    <img
                        alt="Logo VMEMS représentant un vélo en transition"
                        src="{{ $image.RelPermalink }}"
                    />
                </div>
                <div class="landing__slogan__content col-12 col-lg-9 mt-4 mt-md-0 d-flex flex-column justify-content-center align-items-center">
                    <h1 class="text-center">Ensemble, rendons Gaillon-Aubevoye cyclable !</h1>
                    <h5 class="text-center mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
                </div>
            </div>
            </div>
        </section>
        <section class="landing__section odd" id="landing-why">
            <div class="container">
                <h2>Pourquoi développer le vélo du quotidien ? 🚲</h2>
                <ul>
                    <li>Économique 💸</li>
                    <li>Bon pour la santé ❤️</li>
                    <li>Pratique et rapide 💨</li>
                    <li>Écologique 🌳</li>
                    <li>Convivial ☺️, rend la ville plus agréable</li>
                </ul>
            </div>
        </section>
        <section class="landing__section" id="landing-faq">
            <div class="container">
                <div class="offset-lg-6 col-md-6">
                    <h2>Halte aux idées reçues !</h2>
                    <ul>
                        <li><b>Il ne pleut que 6% du temps !</b> Même en Normandie. Cependant les bons équipements permettent de s'adapter à tout temps.</li>
                        <li><b>Non, ce n'est pas dangereux !</b> Si le cycliste se sent vulnérable, le risque est pourtant peu élevé.</li>
                        <li><b>Le vol n'est pas une fatalité !</b> Avec un bon antivol et des parkings adaptés le risque est limité.</li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="landing__section odd" id="landing-how">
            <div class="container">
            <h2>Quels sont les principaux freins ? 🛑</h2>
            <p>Selon notre analyse, les principaux freins qui décourage la pratique du vélo du quotidien :</p>
            <ol>
                <li>Le manque de piste cyclables adapté séparé de la circulation automobile et piéton.</li>
                <li>Le manque de stationnements vélo adaptés, dans l'habitat collectif, les commerces, les services, les lieux de travail.</li>
                <li>Le manque de culture vélo en général.</li>
            </ol>
            <p>Tout ces freins ne sont pas une fatalité, l'action citoyenne peuvent les réduires.</ul>
            </div>
        </section>
        <section class="landing__section" id="landing-actions">
            {{/*
            What we do
            */}}
            <div class="container">
            <div class="offset-lg-6 col-md-6">
            <h2>Nos actions citoyennes 🎬</h2>
            <ul>
                <li>Montrer et promouvoir la solution vélo auprès du grand public<ul>
                        <li>Organisation d'évènements publics, sensibilisation</li>
                    </ul>
                </li>
                <li>Faire interface entre les élus et les usagers<ul>
                        <li>Montrer aux élus le besoin en infrastructure et les avantages du vélos</li>
                        <li>Être force de propositions, signaler les problèmes et faire des critiques constructives des aménagements cyclables et projets des collectivités</li>
                    </ul>
                </li>
                <li>Porter le besoin des cyclistes auprès d'entreprises privées<ul>
                        <li>Par exemple, plaidoyer à la mise en place de stationnements dans enceinte privées (centre commerciaux, locaux d'entreprises…)</li>
                    </ul>
                </li>
                <li>Aider les cyclistes, plus particulièrement les novices</li>
            </ul>
            <div class="text-end mt-4">
                <a href="/projets" class="btn btn-lg btn-success">
                    Les sujets et projets en cours
                </a>
            </div>
            </div>
            </div>
        </section>
        <section class="landing__section odd" id="landing-need-help">
            <div class="container">
            {{/*
            How to help us
            */}}
            <h2>Nous avons besoin de votre aide ! 🙋</h2>
            <ul>
                <li>Pour parler de l'association et des initiatives autour de vous…</li>
                <li>Pour envoyer des e-mails et lettres de demandes…</li>
                <li>Pour participer aux réflexions autours des aménagements…</li>
                <li>Pour communiquer, au public, aux médias…</li>
                <li>Pour organiser des évènements…</li>
            </ul>
            <div class="mt-4">
                <a href="/association/rejoindre" class="btn btn-lg btn-success">
                    Nous rejoindre
                </a>
            </div>
            </div>
        </section>
        <section class="landing__section" id="landing-last-news">
            <div class="container">
            {{/*
            Show last 3 news
            */}}
            <h2>Nos dernières actualités</h2>
            {{ $news := where .Site.RegularPages "Section" "in" "actualites" }}
            {{ range $index, $element := $news }}{{ if eq $index 0 }}
                {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
                {{ with $element.Params.featured_image }}
                    {{ $featuredImage = $element.Resources.GetMatch .src }}
                {{ end }}
                {{ $featuredImage := $featuredImage.Resize "800x" }}
                <div class="card col-12 col-md-6 col-lg-4">
                    <a href="{{ .RelPermalink }}">
                        {{ $featuredImage := (resources.Get (printf "%s" ("images/cycle_path_sun.jpg" | safeURL))) }}
                        {{ if .Params.featured_image }}
                            {{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
                        {{ end }}
                        {{ $featuredImage := $featuredImage.Process "fill 500x350" }}
                        <img 
                            class="card-img-top img-fluid"
                            alt="{{ .Params.featured_image.alt }}" src="{{ $featuredImage.RelPermalink }}"
                        />
                    </a>
                      <div class="card-body">
                        <h5 class="card-title">
                        <a href="{{ .RelPermalink }}">{{ .Title }}</a>
                        </h5>
                        <p class="card-text">
                        {{ .Summary }}
                        </p>
                        <p class="card-text">
                            <small class="text-body-secondary">
                            {{ $date := .Date.Format "2006-01-02"  }}
                            <time datetime="{{ $date }}">
                                {{ time.Format "2 January 2006" $date }}
                            </time>
                            </small>
                        </p>
                        <p class="card-text text-end">
                            <a href="{{ .RelPermalink }}"><small class="mr-4 text-body-secondary">Lire plus</small></a>
                        </p>
                      </div>
                    </div>
            {{ end }}
            {{ end }}
            </div>
        </section>
        <div>
        {{ .Content }}
        </div>
    </div>
{{ end }}