WIP: landing + context

TODO.md

@@ -1,10 +1,43 @@
 # TODO
 
-- [ ] add favicon
+- [x] add favicon
 - [ ] add logo on header
 - [ ] better transparent logo
 - [ ] add illustration images
 - [ ] add opengraph and json-ld
 - [ ] refonte landing page
-- [ ] Add working newsletter form, using listmonk
+- [x] Add working newsletter form, using listmonk
 - [ ] Add contact form
+
+# Structure landing page
+
+VMEMS
+slogan: Ensemble Rendons Gaillon-Aubevoye cyclable !
+avec une image de background de vélos ensemble avec des gens qui font les courses
+
+Section: "pourquoi"
+Accroche: "Pourquoi développer le vélo du quotidien?"
+- Bon pour la santé
+- Économique
+- Écologique
+- Convivial
+
+Section "FAQ/Debunk"
+Accroche: Réponses aux idées reçues courantes
+- Le vol n'est pas une fatalité!
+- Pour se protéger de la météo il suffit d'être équipé
+- Je ne suis pas sportif ! -> Le VAE existe
+
+Section "comment développer le vélo"
+Accroche: comment développer le vélo ?
+Il faut lever les freins:
+- Manque d'aménagements sécuriser
+- Manque de stationnements pratique et sécurisés dans l'espace publique, devant les commerces, dans le parc résidentiel et zones de bureau et d'activités.
+
+Section "présentation actions association"
+
+Section "aider"
+Accroche: Nous avons besoin de vous!
+
+Section "actualités"
+Accroche: Nos dernières actus

content/_index.md

@@ -3,8 +3,6 @@ title: Ensemble, rendons Gaillon-Aubevoye cyclable !
 body_class: "landing-page"
 ---
 
-Bienvenue sur ce site web, il est en construction.
-
 <div class="split-two">
 <div>
 

content/etat/index.md

@@ -0,0 +1,43 @@
+---
+title: État des aménagement à l'heure actuelle sur Gaillon-Aubevoye
+---
+
+## Stationnements
+
+Voici la liste des stationnements adapté depuis openstreetmap
+
+### Aubevoye
+
+#### Gare SNCF
+
+- 8 cages pour vélo (elle sont casiment toutes pleines)
+
+### Gaillon
+
+#### public
+- Devant la caisse d'épargne, 1 arceau sur bollard
+
+#### privé
+- Arceaux à l'Atelier
+
+## Piste cyclable
+
+(néant)
+
+## Trottoir "partagés" piéton/vélos
+
+- Itinéraire, Rue Verdum <-> Paul Noyer <-> Collège <-> Lycée
+
+## Voie partagés piéton/vélos
+
+- Itinéraire Collège <-> Gare SNCF (Rue Lavoisier)
+
+## Double sens-cyclables
+
+### à Gaillon
+
+### à Aubevoye
+
+- Rue de la créquinière (entre la rue des vignes, et la rue des valets)
+- le haut de la Rue du courtillet
+

content/etat/stationnement/index.md

@@ -0,0 +1,24 @@
+---
+title: L'état des stationnements actuels
+---
+Cette page a pour vocation de lister toute les endroits public ou privé où on peut trouver du stationnement ou parking adapté pour vélos du quotidien et leurs caractéristiques.
+
+<!--more-->
+
+## Stationnements
+
+Voici la liste des stationnements adapté depuis OpenStreetMap. Vous pouvez vous même ajouter un stationnement depuis l'éditeur en ligne iD et contribuer à améliorer la carte commune.
+
+### Aubevoye
+
+#### Gare SNCF
+
+- 8 cages pour vélo (elle sont casiment toutes pleines)
+
+### Gaillon
+
+#### public
+- Devant la caisse d'épargne, 1 arceau sur bollard
+
+#### privé
+- Arceaux à l'Atelier

content/freins/index.md

@@ -0,0 +1,9 @@
+---
+title: Les freins
+---
+
+Selon notre analyse, les principaux freins qui décourage la pratique du vélo du quotidien :
+
+1. Le manque de piste cyclables adapté séparé de la circulation automobile et piéton.
+2. Le manque de stationnements vélo adaptés, dans l'habitat collectif, les commerces, les services, les lieux de travail.
+3. Le manque de culture vélo en général.

layouts/index.html

@@ -1,15 +1,49 @@
 {{ define "main" }}
-    <div class="container">
-		<h1 class="page-title">{{ .Title }}</h1>
-
-        <div class="tmp_logo_container">
+    <div class="container landing__container">
+        <section class="landing__cover" id="landing-slogan">
+            <div class="landing__cover__content row my-3">
+                <div class="branding col-12 col-lg-4 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="col-12 col-lg-8 d-flex flex-column justify-content-center align-items-center">
+                    <h1>Ensemble, rendons Gaillon-Aubevoye cyclable !</h1>
+                    <h5 class="mt-3">Association Vélo et Mobilités en Eure-Madrie-Seine</h5>
+                </div>
+            </div>
+        </section>
+        <section id="landing-why">
+            <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 ☺️</li>
+            </ul>
+        </section>
+        <section id="landing-faq">
+        </section>
+        <section id="landing-how">
+        </section>
+        <section id="landing-actions">
+            {{/*
+            What we do
+            */}}
+        </section>
+        <section id="landing-need-help">
+            {{/*
+            How to help us
+            */}}
+        </section>
+        <section id="landing-last-news">
+            {{/*
+            Show last 3 news
+            */}}
+        </section>
         <div>
         {{ .Content }}
         </div>