feat: prep for next version

- per subject of projects page
- add basic news page
- new layout with bootstrap
- more misc pages

assets/sass/footer.scss

@@ -0,0 +1,14 @@
+html {
+    height: 100%;
+}
+
+body {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.footer-push {
+    flex-grow: 1;
+}
+

assets/sass/main.scss

@@ -11,8 +11,12 @@ $primary: #db8d42;
 $secondary: #f15a24;
 
 
-@import "./vendor/skeleton.scss";
-@import "./vendor/normalize.scss";
+@import "./vendor/bootstrap.scss";
 @import "./page_container.scss";
+@import "./title.scss";
 @import "./landing.scss";
+@import "./footer.scss";
 
+.page-footer {
+  border-top: 1px solid rgba(140, 130, 115, 0.15);
+}

assets/sass/title.scss

@@ -0,0 +1,5 @@
+.page-title {
+  @extend .pb-2;
+  @extend .mb-2;
+  @extend .mt-4;
+}

content/_index.md

@@ -1,5 +1,5 @@
 ---
-title: Accueil
+title: Ensemble, rendons Gaillon-Aubevoye cyclable !
 body_class: "landing-page"
 ---
 

content/actualites/_index.md

@@ -0,0 +1,5 @@
+---
+title: Actualités de l'association
+---
+
+Mise à jour sur nos projets, évènements et rencontres prévues.

content/actualites/journee-du-velo-2024/index.md

@@ -0,0 +1,54 @@
+---
+title: Journée du vélo au Val d'Hazey 2024
+date: 2024-04-20
+---
+
+Ce samedi 20 avril 2024, l'association VMEMS a participé à la journée du vélo organisé par la mairie du Val d'Hazey. Première édition de ce type évènement jamais réalisé auparavent à Gaillon-Aubevoye, elle a regroupé plusieurs acteurs locaux de la mobilité et des loisirs à vélo.
+
+<!--more-->
+
+## Notre stand
+
+Sur notre stand installé au milieu de l'agora Saint-Fiacre, nous proposons aux passants de s'intéresser au vélo du quotidien et surtout aux aménagements.
+
+Une enquête était proposé pour s'interroger sur les besoins d'infrastructure cyclables et sur les axes prioritaires à aménager.
+
+<!-- Une première adhésion à été enregistré. -->
+
+## Petit aperçu des activités et autres stands présents
+
+Pour cette première édition de journée du vélo, on a déjà une variété de stand et d'activités.
+
+Merci à tout les bénévoles et associations présentes pour leur investissement.
+
+### Association La Petite Cyclote
+
+L'association de plaidoyer vélo du quotidien à Louviers La Petite Cyclotte présidé par Alexis Fraisse est venu partager son expérience militante et aider à sensibiliser.
+
+Le groupe militant de Louviers n'est pas arrivé les mains vides car ils ont exposé au public une série d'affiche tutorielle pour expliquer aux cyclistes débutants les bon gestes et le bon matériel.
+
+### Agglomération Seine-Eure
+
+Le directeur du service mobilité était présent.
+
+L'agglo y a présenté son School Bus, classe de véhicule encore balbutiante et rare en France.
+
+Présenté par Louis Lemel son responsable, ce véhicule en bois est à l'origine d'une offre de ramassage scolaire unique en son genre et permet aux enfants de s'exercer et de prendre le grand air pour aller et revenir à l'école !
+
+La présence du School'Bus est d'autant plus intéréssante qu'il va normalement être déployé à la rentré prochaine dans la commune du Val d'Hazey.
+
+### Bicycleure
+
+Le super réparateur de vélo du coin !
+
+## Le sondage
+
+[sondages.vmems.fr](https://sondages.vmems.fr)
+
+## Conclusion
+
+Quelle journée !
+
+Nous tenons à remercier la commune du Val d'Hazey et ses agents pour l'organisation de cette journée dédié au vélo, la première en son genre dans le bassin de vie.
+
+Nous souhaitons que ce genre de journée vélo se pérénise à l'échelle du bassin de vie chaque année. Alors on espère à l'année prochaine !

content/association/_index.md

@@ -0,0 +1,35 @@
+---
+title: L'association VMEMS
+---
+
+Formée en octobre 2023, nous voulons promouvoir et aider à développer une alternative à la voiture dans le bassin de vie de Gaillon-Aubevoye.
+
+### Nos actions
+
+- Montrer et promouvoir la solution vélo auprès du grand public
+    - Organisation d'évènements publics, sensibilisation
+- Faire interface entre les élus et les usagers
+    - Montrer aux élus le besoin en infrastructure et les avantages du vélos
+    - Être force de propositions, signaler les problèmes et faire des critiques constructives des aménagements cyclables et projets des collectivités
+- Porter le besoin des cyclistes auprès d'entreprises privées
+    - Par exemple, plaidoyer à la mise en place de stationnements dans enceinte privées (ex: centre commerciaux, locaux d'entreprises)
+- Aider les cyclistes, plus particulièrement les novices
+
+### Juridique
+
+Notre association est une association de loi 1901 déclaré en préfecture de l'Eure, inscrite au RNA sous le numéro `W271006679`.
+
+### Statuts
+
+[Vous pouvez consulter les statuts, approuvé par l'assemblée constituante le 4 octobre 2023.](/association/statuts)
+
+### Représentation et bénévoles
+
+- Sébastien DENISE, Président
+- Matthieu BESSAT, Secrétaire
+- Alexis Martini, Secrétaire-Adjoint
+
+<a href="/association/rejoindre" class="btn btn-primary">
+    Nous rejoindre
+</a>
+

content/association/contact.md

@@ -0,0 +1,24 @@
+---
+title: Nous contacter
+---
+
+L'association Vélo et mobilités en Eure-Madrie-Seine est toujours tout ouverte aux corespondances, nous avons hâte de vous rencontrer et d'échanger.
+
+## Un petit message ?
+
+### Par email
+
+Envoyez nous vos questions, remarques et contributions à l'adresse électronique [contact@vmems.fr](mailto:contact@vmems.fr).
+
+### Par voie postale
+
+Par courrier :
+```
+Association VMEMS - vélo et mobilités en Eure-Madrie-Seine
+2 rue du général de Gaulle
+27600 Gaillon
+```
+
+### Par téléphone
+
+Nous souhaitons dans le futur mettre en place un numéro de téléphone mobile pour l'association…

content/association/rejoindre.md

@@ -0,0 +1,42 @@
+---
+title: Rejoindre en tant que bénévole
+---
+
+L'association est toujours ouverte à de nouveaux bénévoles.
+Vous souhaitez :
+
+- Développer le vélo du quotidien à Gaillon-Aubevoye et aux alentours ?
+- Améliorer la qualité de vie ? Réduire les pollutions engendré par le système tout-voiture ?
+
+Vous avez :
+- Un peu de temps (au moins 1 heure par an) à consacrer à l'association ?
+
+Alors n'attendez pas et rejoignez notre association pour nous aider dans nos actions. C'est gratuit et même un message ou un email nous aide grandement !
+
+## Moyen de communications
+
+### Groupe de conversation
+
+Nous utilisons un groupe [Signal](https://www.signal.org/fr) pour communiquer et syncroniser nos actions. Voici un lien d'invitation dans ce groupe.
+
+<a class="mb-3 btn btn-primary" href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
+    Rejoindre le groupe Signal
+</a>
+
+### Par email
+
+Soumettez vos contributions, remarques et propositions à [contact@vmems.fr](mailto:contact@vmems.fr)
+
+## Exemple d'actions
+
+- Envoyer des emails
+    - Demande à un commerce pour ajouter des arceaux vélos.
+    - Solliciter l'agglo, ou des mairie
+    - Solliciter la presse
+- Partciper aux réunions publiques et rencontres
+- Médiation du public, tractage.
+- Écrire des articles de blog ou du contenu en ligne
+- Animer les réseaux sociaux
+- Participer aux réunions avec les élus et techniciens de l'agglo ou les mairie
+
+Ou tout autres actions que vous jugez intéréssante pour développer le vélo du quotidien, proposez !

content/association/statuts.md

@@ -1,5 +1,6 @@
 ---
 title: Statuts de l'association VMEMS
+date: 2023-10-04
 ---
 
 Approuvé par l'assemblée générale constituante le 4 octobre 2023 à Gaillon.

content/posts/bonjour-le-monde.md

@@ -1,13 +0,0 @@
-+++
-title = 'Bonjour Le Monde'
-date = 2023-10-10T18:48:06+02:00
-+++
-
-Coucou !
-
-Ceci est un site temporaire, le temps d'en développer un...
-
-Veuillez ne pas en tenir compte.
-
-05d0a676-fb0c-4e1d-bfb9-2254eb826245
-

content/projets/_index.md

@@ -0,0 +1,6 @@
+---
+title: Sujets en cours
+---
+
+Actions et sujets de travail par l'association.
+

content/projets/rd316/index.md

@@ -0,0 +1,59 @@
+---
+title: Liaison cyclable entre la Gare et Gailloncel le long de la RD 316
+date: 2024-08-11
+---
+
+C'est le premier projet d'aménagement cyclable majeur que l'agglo Seine-Eure mène sur le bassin de vie de Gaillon-Aubevoye.
+
+L'agglo souhaite sécuriser un peu plus de 2 km de route avec une voie verte entre le rond point des pompiers et la gare SNCF.
+
+VMEMS participe activement à la phase de plannification et soumets ses réflexions aux concepteurs. 
+
+De nombreux défis et problèmes se pose quand à l'ambition, le budget, le tracé et les aménagements. L'aménagement une fois réalisé sera t-il satisfaire les exigences de sécurités et de confort d'usage ?
+
+Beaucoup d'interrogations et de nombreux points sont à éclaicir avec le maître d'ouvrage (ici la direction des mobilités de l'agglo).
+
+## Enjeux
+
+Ce premier itinéraire structurant permet de sécuriser un axe Nord-Sud à l'est de l'agglomération.
+
+Cette infrastructure permet de relier plusieurs pôles :
+
+- La [Gare SNCF Gaillon-Aubevoye](https://fr.wikipedia.org/wiki/Gare_de_Gaillon_-_Aubevoye) sur la commune du Val-d'Hazey, une porte d'entrée majeure.
+- La zone industrielle de la bergerie à Gaillon
+- Le centre aquatique Aquaval
+- Le lycée André Malraux
+- Le centre-commercial de Gailloncel (Auchan)
+
+Exemple de cas d'usage : Permettre aux usagers de Saint-Aubin-sur-Gaillon de rejoindre la gare en sécurité.
+
+En terme de traffic sur la route départementale 316, en 2022 il est évalué à 15 000 véhicules par jour.
+
+## Tracé
+
+Voici la connaissance du trajet détaillé tel qu'envisagé par l'agglo avec les éléments que VMEMS posséde.
+
+[Vous pouvez visualisez le tracé sur une carte Umap](https://umap.openstreetmap.fr/en/map/vmems-trace-rd316_1096926)
+
+- En partant du centre commercial de Gailloncel (Auchan)
+- Traversé de la RD 6015 en direction de la Verte Bonne
+- Traversé de la RD 316 pour se placer sur le coté droit de la chaussé
+- Arrivé au niveau d'Aquaval, le centre aquatique
+- Le rond point d'Aquaval, serab
+
+## Calendrier
+
+- Le projet a été annoncé début 2023 dans le [plan vélo de l'agglo](https://www.agglo-seine-eure.fr/wp-content/uploads/2023/05/AggloSeineEure_Plan-velo-2023-2033.pdf) et par [voie de presse](https://actu.fr/normandie/louviers_27375/neuf-nouveaux-projets-de-voies-cyclables-dici-a-2029-dans-lagglo-seine-eure_60496714.html) fin 2023.
+
+- En juillet 2024, la préfecture de région [décide de ne pas soumettre à évaluation environnementale le projet](https://www.normandie.developpement-durable.gouv.fr/IMG/pdf/d_gaillon_sc_signe.pdf). [Formulaire de déclaration du projet](https://www.normandie.developpement-durable.gouv.fr/IMG/pdf/cerfa_teledeclare-88.pdf).
+ 
+- La validation des plans est prévu pour la fin 2024.
+
+- Le début des travaux est prévu en 2025.
+
+## Financements
+
+- 271 951 €  [L'état via le prefet de région](https://www.seine-maritime.gouv.fr/Actualites/Plan-velo-l-Etat-soutient-17-nouveaux-projets-cyclables)
+
+
+

content/projets/renovation-liaison-aubevoye-gaillon-Sarstedt/index.md

@@ -1,4 +1,28 @@
 ---
 title: Rénovation de la rue Jean Moulin, rue de Sarstedt à Gaillon et la rue du général de Gaulle à Aubevoye
+date: 2024-08-11
+featured_image:
+    src: rue_general_de_gaulle_sud_renovation_md.jpg
+    caption: Vue sur la rue du général de Gaulle à Aubevoye qui vient d'être resurfacé.
+    alt: Vue d'une rue avec une partie de bitume fraichement rénové.
 ---
 
+La direction de l'urbanisme de l'agglomération Seine-Eure réalise des travaux de rénovation de voirie de la rue Jean-Moulin à Gaillon, jusqu'à la rue du Général de Gaulle à Aubevoye
+
+Ce qui a été réalisé :
+
+### Rue Jean-Moulin
+
+Du rond-point de la caisse d'épargne jusqu'à l'intersection avec la rue de Verdun : Ajout d'une bande double-sens-cyclable non protégé et non prioritaire.
+
+### Rue ou route de Sarstedt
+
+Ajout de 4 ralentisseurs type plateau, mais sans protections pour les cyclistes.
+Les automobilistes et les cyclistes ne sont pas égaux vis à vis des ralentiseurs, pire, ils peuvent être dangeureux, car leur pente lattérale peut-être glissante.
+
+Pas de meilleure répartition de l'espace public, en effet **les piétons sont toujours contraints a un trottoir de seulement 75 cm au niveau de l'intersection avec le chemin de l'Orienne**.
+
+La rue de Sarstedt et le passage vers aubevoye est un itinéraire stratégique et structurant car c'est la seule liaison directe entre Gaillon et Aubevoye.
+C'est le chemin privilégié par les cyclistes donc cette liaison doit être sécurisé.
+Nous avons été surpris de constater qu'aucun aménagements cyclables n'a été réalisé sur cette section. Comme l'indique la loi LOM (Article L228-2 du code de l'environnement).
+

content/projets/stationnement-centre-gaillon/index.md

@@ -1,5 +1,10 @@
 ---
 title: Contribution à la mise en place d'emplacement stationnement vélo dans le centre ville de Gaillon
+date: 2024-06-01
+featured_image:
+    src: vue_large_1.jpg
+    caption: Vue sur la rue du général de Gaulle à Gaillon au niveau de l'Église en regardant vers le sud-ouest
+    alt: Rue dépourvue de stationnement vélo adapté
 ---
 
 À l'occassion d'une première réunion avec la mairie de Gaillon, Jean-Marc Rivoal nous a fait part de son projet d'installer des stationnements vélos dans le centre ville de sa commune.
@@ -14,19 +19,21 @@ Le but est de "pré-macher" le travail, de choisir les emplacements prioritaires
 d'indiquer à la commune les bonnes pratiques en matière d'installation de stationnements et enfin d'envisager une solution au long terme qui va au delà des plans initiaux de la commune.
 
 Vous pouvez retrouver le document produit par l'association :
-- [Proposition stationnements centre-ville Gaillon, format PDF]()
-- [Proposition stationnements centre-ville Gaillon, format HTML]()
+- [Proposition stationnements centre-ville Gaillon, format PDF](https://fichiers.vmems.fr/proposition_parking_gaillon/lettre_phase_1/lettre.pdf)
+- [Proposition stationnements centre-ville Gaillon, format HTML](https://fichiers.vmems.fr/proposition_parking_gaillon/lettre_phase_1/lettre.html)
 
-Les services urbanismes et d'aménagements ont trouvés très utiles ce document. Et, même si la majorité des emplacements ont été approuvés, certains emplacements ou proposition ont été retravaillés pour des raisons non-connues à ce jour.
+Les services urbanismes et d'aménagements ont trouvés très utiles ce document. Et, si la majorité des emplacements ont été approuvés, certains emplacements ont été changés pour des raisons non-connues à ce jour.
 
-La mode des pinces roues étant dépassé et [pour de bonnes raisons], c'est évidemment des modèles de type arceaux qui seront installés.
+[La mode des pinces roues étant dépassé](https://www.cc37.org/pourquoi-il-faut-proscrire-les-supports-de-type-pince-roues-ou-ratelier/), c'est évidemment des modèles de type arceaux qui seront installés.
 
 Cependant l'association a émit des réserves quand au modèle choisi. Le modèle adoubé par la mairie est un arceau compact monté sur un potelet de ville. Pour nous, ce n'est pas optimal en terme d'ergonomie usager.
 
-Nous préférons un modele qui possède un méplat ou partie horizontale qui permet se tenir en cas de besoin et offre d'avantage de point de contact et de stabilité lorsque le cadre d'un vélo repose sur celui ci.
+Nous préférons un modèle qui possède un méplat ou partie horizontale qui permet se tenir en cas de besoin et offre d'avantage de point de contact et de stabilité lorsque le cadre d'un vélo repose sur celui ci.
 De plus, il ne facilite pas l'usage double de l'arceau pour y mettre deux vélos.
 
-Ce modèle est certe une grande amélioration par rapport aux pinces roues auparavent installés par la mairie, mais la mairie rate l'ocassion de faire un tir 100% juste pour ces premiers vrais stationnements à Gaillon.
+**Ce modèle est tout de même une grande amélioration par rapport aux pinces roues** auparavent installés par la mairie, mais la mairie rate l'ocassion de faire un tir 100% juste pour ces premiers vrais stationnements à Gaillon.
+
+![Un poteau avec arceaux](support_poteau_ovalie.jpg)
 
 En juillet 2024, la mairie nous précise que l'installation des premiers arceaux sera effectué courant du mois d'août 2024.
 

content/signalements/_index.md

@@ -0,0 +1,14 @@
+---
+title: Signalements des problèmes concernant les piétons et cycles
+---
+
+Nous vous proposons une carte interactive via UMap qui indique les points géo-localisé problématiques sur la voie publique ou dans les locaux commerciaux.
+
+Sont référencés:
+- Manque de continuité cyclable
+- Malfaçon ou mauvais aménagement
+- Barrières problématiques
+- Manque de stationnement adapté
+
+[Voir la carte en grand](https://umap.openstreetmap.fr/en/map/vmems-problemes-cyclables-gaillon-aubevoye_1100616
+)

credits.md

@@ -0,0 +1,7 @@
+# Iconographie
+
+- https://commons.wikimedia.org/wiki/File:Piste_cyclable_du_canal_de_Lachine_07.jpg
+- https://commons.wikimedia.org/wiki/File:Jaulzy_(Oise),_piste_cyclable_Couloisy_-_Jaulzy_-_Courtieux.JPG
+- https://commons.wikimedia.org/wiki/File:Bikeway,_Bicycle_path_-_sign_C13_marked_beginning_of_bikeway,_Poland,_Sosnowiec.jpg
+- https://commons.wikimedia.org/wiki/File:Piste_cyclable,_all%C3%A9e_des_Ailes,_Vichy.jpg
+- https://commons.wikimedia.org/wiki/File:Voie_Cyclable_Avenue_Charles_Gaulle_-_Maisons-Alfort_(FR94)_-_2020-10-16_-_1.jpg

layouts/_default/single.html

@@ -1,11 +1,16 @@
 {{ define "main" }}
-	<main class="page-container">
+	<main class="container">
 		<article class="article">
-			<h1>{{ .Title }}</h1>
+			<h1 class="page-title">{{ .Title }}</h1>
 
-            {{ with .Date }}
-                <div>Publié le <b><time>{{ . | time.Format ":date_full" }}</time></b></div>
-            {{ end }}
+            <p class="text-small">
+                {{ with .Date }}
+                    <span>Publié le <b><time>{{ . | time.Format ":date_full" }}</time></b>,</span>
+                {{ end }}
+                {{ with .Lastmod }}
+                    <span>Mis à jour le <b><time>{{ . | time.Format ":date_full" }}</time></b></span>
+                {{ end }}
+            </p>
     
 
         {{ if .Params.featured_image }}

layouts/actualites/list.html

@@ -1,53 +1,48 @@
 {{ define "main" }}
-	<main class="page-container">
-		{{ $listtitle := .Title }}
-		{{ if or .Title .Content }}
-		<div>
-			{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
-			{{ with .Content }}<div>{{ . }}</div>{{ end }}
-		</div>
-		{{ end }}
+	<main class="container">
+		<h1 class="page-title">{{ .Title }}</h1>
+		{{ with .Content }}
+            <div>{{ . }}</div>
+        {{ end }}
 		
-		<ul class="news-list">
-		    {{ range .Paginator.Pages }}
-		    <li class="news-item">
-                <a href="{{ .RelPermalink }}" class="news-item__image">
-                    {{ $featuredImage := (resources.Get (printf "%s" ("cover/cover.jpg" | safeURL))) }}
-                    
+        <div class="items">
+            {{ range .Paginator.Pages }}
+            <div class="card mb-3" style="max-width: 1000px;">
+              <div class="row g-0">
+                <a href="{{ .RelPermalink }}" class="col-md-5">
+                    {{ $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.Resize "450x" }}
-                    <figure>
-                        <img alt="" src="{{ $featuredImage.RelPermalink }}" />
-                        {{ with .Params.featured_image.caption }}
-                        <figcaption>{{ . }}</figcaption>
-                        {{ end }}
-                    </figure>
+                    {{ $featuredImage := $featuredImage.Process "fill 500x350" }}
+                    <img class="img-fluid rounded-start" alt="{{ .Params.featured_image.alt }}" src="{{ $featuredImage.RelPermalink }}" />
                 </a>
-                <div class="news-item__content">
-                    <h2 
-                        class="news-item__title"
-                    >
-                        <a
-                            href="{{ .RelPermalink }}"
-                        >
-                        {{.Title }}
-                        </a>
-                    </h2>
-                    <p class="news-item__date">
+                <div class="col-md-7">
+                  <div class="card-body px-4">
+                    <h5 class="card-title mb-3">
+                    <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>
-                    <div class="news-item__summary">
-                        {{ .Summary }}...
-                    </div>
+                    <p class="card-text text-end">
+                        <a href="{{ .RelPermalink }}"><small class="mr-4 text-body-secondary">Lire plus</small></a>
+                    </p>
+                  </div>
                 </div>
-		    </li>
-		    {{ end }}
-		</ul>
+              </div>
+            </div>
+            {{ end }}
+		</div>
 		{{ partial "pagination.html" . }}
 	</main>
 {{ end }}
+

layouts/actualites/single.html

@@ -1,36 +0,0 @@
-{{ define "main" }}
-	<main class="page-container">
-		<article class="article">
-			<h1>{{ .Title }}</h1>
-
-            {{ if .Date }}
-            <div class="article__date">
-                Publié le
-                {{ $date := .Date.Format "2006-01-02" }}
-                <time date="{{ $date }}">{{ time.Format "2 January 2006" $date }}</time>
-            </div>
-            {{ end }}
-    
-
-            {{ if .Params.featured_image }}
-            {{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
-            {{ if $featuredImage }}
-                {{ $featuredImage = $featuredImage.Resize "600x" }}
-                <figure class="article__featured-image">
-                    <img alt="" src="{{ $featuredImage.RelPermalink }}" />
-                    {{ with .Params.featured_image.caption }}
-                    <figcaption>{{ . }}</figcaption>
-                    {{ end }}
-                </figure>
-            {{ end }}
-            {{ end }}
-
-            {{ range .Params.tags }}
-               <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
-            {{ end }}
-			<div>
-				{{ .Content }}
-			</div>
-		</article>
-	</main>
-{{ end }}

layouts/association/list.html

@@ -1,33 +1,9 @@
 {{ define "main" }}
-    <div class="team-presentation">
-        <div class="team-item">
-
-        </div>
-    </div>
-        
-	<main class="page-container">
-		{{ $listtitle := .Title }}
-		
-		{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
-		<ul class="section-menu">
-		    {{ range .Pages }}
-		    <li>
-		        <div class="post-title">
-				{{ if eq $listtitle "Posts" }}
-				    {{ .Date.Format "2006-01-02" }} <a href="{{ .RelPermalink }}">{{.Title }}</a>
-				{{ else }}
-				    <a href="{{ .RelPermalink }}">{{.Title }}</a>
-				{{ end }}
-		        </div>
-		    </li>
-		    {{ end }}
-		</ul>
-
-		{{ if .Content }}
-		<div>
-			{{ with .Content }}<div>{{ . }}</div>{{ end }}
-		</div>
-		{{ end }}
+	<main class="container">
+		<h1 class="page-title">{{ .Title }}</h1>
+		{{ with .Content }}
+            <div>{{ . }}</div>
+        {{ end }}
 	</main>
 
 {{ end }}

layouts/index.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
-    <div class="page-container">
-        <h1>Vélo et mobilités en Eure-Madrie-Seine</h1>
+    <div class="container">
+		<h1 class="page-title">{{ .Title }}</h1>
 
         <div class="tmp_logo_container">
             {{ $image := resources.Get "images/logos/logo.png" }}
@@ -10,7 +10,9 @@
             />
         </div>
 
+        <div>
         {{ .Content }}
+        </div>
     </div>
 {{ end }}
 

layouts/partials/footer.html

@@ -1,2 +1,50 @@
-<footer class="site-footer">
-</footer>
+  <footer class="page-footer mt-5 py-5">
+    <div class="container">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Le vélo à Gaillon-Aubevoye</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="/etat" class="nav-link p-0 text-body-secondary">Problèmes et état des infrastructures</a></li>
+          <li class="nav-item mb-2"><a href="/projets" class="nav-link p-0 text-body-secondary">Sujets en cours</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>L'association</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="/association" class="nav-link p-0 text-body-secondary">À propos</a></li>
+          <li class="nav-item mb-2"><a href="/association/rejoindre" class="nav-link p-0 text-body-secondary">Nous rejoindre</a></li>
+          <li class="nav-item mb-2"><a href="/association/contact" class="nav-link p-0 text-body-secondary">Nous contacter</a></li>
+        </ul>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Abonnez vous à notre liste de diffusion</h5>
+          <p>Soyez aux courants des actualités de l'association. Lettre d'information envoyé par email tout les trimestres.</p>
+          <!-- TODO, add small js script to handle subsription -->
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Adresse email</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Adresse email">
+            <button class="btn btn-primary" type="button">S'abonner</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>VMEMS – Contenu en <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons CC-BY-SA</a> sauf si mentioné autrement</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-body-emphasis" href="#">
+            <svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg>
+        </a></li>
+        <li class="ms-3"><a class="link-body-emphasis" href="#">
+            <svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg>
+        </a></li>
+        <li class="ms-3"><a class="link-body-emphasis" href="#">
+            <svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a>
+        </li>
+      </ul>
+    </div>
+</div>
+  </footer>

layouts/partials/head.html

@@ -10,7 +10,7 @@
 
 {{- $title := partialCached "data/title" . .RelPermalink -}}
 
-<title>{{ $title }} {{ if not .IsHome }}- L'Étoile de Bethléem{{ end }}</title>
+<title>{{ $title }} {{ if not .IsHome }}- VMEMS{{ end }}</title>
 
 <link rel="canonical" href="{{ .Permalink }}">
 

layouts/partials/header.html

@@ -1,2 +1,26 @@
-<header class="site-header">
-</header>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container">
+        <a class="navbar-brand" href="/">VMEMS</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link" href="/projets">Projets cyclables</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/signalements">Signalements</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/actualites">Actualités</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/association">L'association</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+
+

layouts/projets/list.html

@@ -0,0 +1,38 @@
+{{ define "main" }}
+	<main class="container">
+		<h1 class="page-title">{{ .Title }}</h1>
+		{{ with .Content }}
+            <div>{{ . }}</div>
+        {{ end }}
+		
+        <div class="items">
+            {{ range .Paginator.Pages }}
+            <div class="card mb-3" style="max-width: 1000px;">
+              <div class="row g-0">
+                <a href="{{ .RelPermalink }}" class="col-md-5">
+                    {{ $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="img-fluid rounded-start" alt="{{ .Params.featured_image.alt }}" src="{{ $featuredImage.RelPermalink }}" />
+                </a>
+                <div class="col-md-7 ">
+                  <div class="card-body px-4">
+                    <h5 class="card-title mb-3">
+                    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                    </h5>
+                    <p class="card-text">{{ .Summary }}…</p>
+                    <p class="card-text text-end">
+                        <a href="{{ .RelPermalink }}"><small class="mr-4 text-body-secondary">Lire plus</small></a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            {{ end }}
+		</div>
+		{{ partial "pagination.html" . }}
+	</main>
+{{ end }}
+

layouts/signalements/list.html

@@ -0,0 +1,17 @@
+{{ define "main" }}
+	<main class="container">
+		<h1 class="page-title">{{ .Title }}</h1>
+		{{ with .Content }}
+            <div>{{ . }}</div>
+        {{ end }}
+        
+        <iframe
+            width="100%"
+            height="500px"
+            frameborder="0"
+            allowfullscreen
+            src="//umap.openstreetmap.fr/en/map/vmems-problemes-cyclables-gaillon-aubevoye_1100616?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true">
+        </iframe>
+	</main>
+{{ end }}
+