vmems-website/layouts/index.html

162 lines
7.9 KiB
HTML
Raw Normal View History

2023-10-28 08:20:52 +00:00
{{ define "main" }}
2024-09-02 20:45:31 +00:00
<div class="landing__container">
2024-09-02 12:08:04 +00:00
<section class="landing__cover" id="landing-slogan">
2024-09-02 20:45:31 +00:00
<div class="container">
2024-09-02 12:08:04 +00:00
<div class="landing__cover__content row my-3">
2024-09-02 20:45:31 +00:00
<div class="branding col-12 col-lg-3 d-flex justify-content-center">
2024-09-02 12:08:04 +00:00
{{ $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">
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 12:08:04 +00:00
</div>
</div>
2024-09-02 20:45:31 +00:00
</div>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<section class="landing__section" id="landing-actions">
2024-09-02 12:08:04 +00:00
{{/*
What we do
*/}}
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 20:45:31 +00:00
</div>
</div>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<section class="landing__section odd" id="landing-need-help">
<div class="container">
2024-09-02 12:08:04 +00:00
{{/*
How to help us
*/}}
2024-09-02 20:45:31 +00:00
<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">
2024-09-02 20:45:31 +00:00
Nous rejoindre
</a>
</div>
2024-09-02 20:45:31 +00:00
</div>
2024-09-02 12:08:04 +00:00
</section>
2024-09-02 20:45:31 +00:00
<section class="landing__section" id="landing-last-news">
<div class="container">
2024-09-02 12:08:04 +00:00
{{/*
Show last 3 news
*/}}
2024-09-02 20:45:31 +00:00
<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>
2024-09-02 12:08:04 +00:00
</section>
<div>
2023-10-28 08:20:52 +00:00
{{ .Content }}
</div>
2023-10-28 08:20:52 +00:00
</div>
{{ end }}