161 lines
8.2 KiB
HTML
161 lines
8.2 KiB
HTML
{{ 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 }}
|
||
|