feat(SEO): add Json-LD meta and tags

Reviewed-on: #1
Reviewed-by: mbess <mail@matthieubessat.fr>

.forgejo/workflows/hugo.yaml

@@ -37,7 +37,7 @@ jobs:
       - name: Setup Hugo
         env:
           HUGO_RELEASE_TYPE: extended
-          HUGO_VERSION: 0.120.3
+          HUGO_VERSION: 0.133.1
         run: |
           mkdir ~/hugo
           cd ~/hugo

TODO.md

@@ -0,0 +1,43 @@
+# TODO
+
+- [x] add favicon
+- [ ] add logo on header
+- [ ] better transparent logo
+- [ ] add illustration images
+- [ ] add opengraph and json-ld
+- [ ] refonte landing page
+- [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

assets/sass/figure.scss

@@ -0,0 +1,8 @@
+@media (max-width: $md-breakpoint) {
+    figure {
+      img {
+        max-width: 100% !important;
+      }
+    }
+}
+

assets/sass/landing.scss

@@ -10,8 +10,30 @@
     column-gap: 2rem;
 }
 
+.landing__container {
+  section {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+    padding: 2rem 0;
+    h2 {
+      margin-bottom: 1.2rem;
+    }
+  }
+  section:last-of-type {
+    border-bottom: none;
+  }
+}
+
+.landing__container .landing__section:nth-child(even) {
+  background-color: #19875420;
+}
+
+.landing__slogan__content {
+  word-break: keep-all;
+}
+
 @media(max-width: $md-breakpoint) {
     .split-two {
         display: block;
     }
 }
+

assets/sass/main.scss

@@ -7,16 +7,16 @@ $xs-breakpoint: 400px;
 
 $background-dark: #1f1f1e;
 $background: #303131;
-$primary: #db8d42;
+$primary: #009124;
 $secondary: #f15a24;
 
-
 @import "./vendor/bootstrap.scss";
 @import "./page_container.scss";
 @import "./title.scss";
 @import "./landing.scss";
 @import "./footer.scss";
 @import "./nav.scss";
+@import "./figure.scss";
 
 .page-footer {
   border-top: 1px solid rgba(140, 130, 115, 0.15);

assets/sass/nav.scss

@@ -9,3 +9,50 @@
 #navbar-toggle-cbox {
     display:none
 }
+
+.site__header {
+  height: 3.5em;
+  font-size: 1.2rem;
+
+  .navbar-brand {
+    font-size: 1.75rem;
+  }
+}
+
+@media (min-width: $md-breakpoint) {
+  .site__header {
+    .navbar-collapse {
+      flex-grow: 0;
+    }
+  }
+}
+
+@media (max-width: $md-breakpoint) {
+  .site__header {
+    .navbar-brand {
+      padding-left: 12px;
+    }
+    .navbar-header {
+      padding-right: 12px;
+    }
+
+    .navbar-collapse {
+      ul {
+        margin-bottom: 0;
+      }
+      position: relative;
+      z-index: 99;
+      top: 7px;
+      background-color: #E9ECEF;
+      color: black;
+      .nav-link {
+        padding: 0.5em 1em;
+        color: black !important;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      }
+    }
+    .container {
+      padding: 0 !important;
+    }
+  }
+}

assets/sass/vendor/bootstrap.scss

@@ -12054,4 +12054,4 @@ textarea.form-control-lg {
   }
 }
 
-/*# sourceMappingURL=bootstrap.css.map */
+/*# sourceMappingURL=bootstrap.css.map */

content/_index.md

@@ -1,75 +1,7 @@
 ---
 title: Ensemble, rendons Gaillon-Aubevoye cyclable !
+description: |
+    Formée en octobre 2023, nous plaidoyons pour le vélo du quotidien comme une alternative à la voiture dans le bassin de vie de Gaillon-Aubevoye.
 body_class: "landing-page"
 ---
 
-Bienvenue sur ce site web, il est en construction.
-
-<div class="split-two">
-<div>
-
-## 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.](/statuts)
-
-### Représentation
-
-- Sébastien DENISE, Président
-- Matthieu BESSAT, Secrétaire
-- Alexis Martini, Secrétaire-Adjoint
-
-</div>
-<div>
-
-## Contact
-
-N'hésitez pas à nous faire part de vos remarques ou questions par e-mail : [contact@vmems.fr](contact@vmems.fr)
-
-## Rejoindre l'association
-
-Nous avons besoin de vous ! Toutes sortes de compétences sont requise pour mener à bien les actions de l'asso.
-Pour nous rejoindre, veuillez envoyer un e-mail (n'hésitez pas à vous présenter), nous vous transmettrons ensuite une invitation au groupe [Signal](https://www.signal.org/fr) interne de l'association.
-
-## Actualités
-
-### Journée du vélo
-
-Le samedi 20 avril 2024, nous participons à la [Fête du vélo organisée par la commune du Val d'Hazey](https://www.agglo-seine-eure.fr/actualites/le-val-dhazey-fete-du-velo/) en animant un stand pour promouvoir le vélo et autres mobilités douces comme moyen de déplacement dans le bassin de Gaillon Aubevoye.
-Venez nous rencontrer sur le stand !
-
-### Stationnements vélo centre-ville de Gaillon
-
-Nous aidons actuellement la mairie de Gaillon à installer une dizaine de place vélo Rue du Général de Gaulle à Gaillon. [Une lettre a été envoyé fin mars 2024.](https://fichiers.vmems.fr/proposition_parking_gaillon/lettre_phase_1/lettre.html)
-
-### Réunion préparatoire projet RD316
-
-L'agglo Seine-Eure prépare un projet d'infrastructure cyclable longeant la RD316, profitons de cette opportunité pour proposer un projet pratique et utile pour les usagers.
-
-Une rencontre a eu lieu le samedi 28 octobre 2023, de 17h30 à 19h30, 6 personnes étaient présentes. Après une phase de présentation de l'association aux nouveaux, une discussion sur le projet RD316 a aboutit à un ensemble de questions et autres remarques à transmettre à l'agglo Seine-Eure.
-
-### Assemblée générale constituante
-
-Elle a eu lieu le 4 octobre 2023 à la maison des associations de Gaillon. 11 personnes se sont manifestées et ont répondus à l'appel 💪.
-
-</div>
-</div>
-<!-- 2024-04-13 9521d03b-c84a-498b-9567-0c084555d3d2 -->

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

@@ -1,54 +1,104 @@
 ---
 title: Journée du vélo au Val d'Hazey 2024
-date: 2024-04-20
+date: 2024-07-01
+featured_image:
+    src: stand_discussions.jpg
+    caption: Sebastien Denise et Alexis Martini discutent de l'état des aménagements cyclables avec deux visiteurs sur notre stand.
+    alt: Quatre personnes discutant devant un stand.
+tags:
+    - manifestation
+    - Aubevoye
 ---
-
-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.
-
+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é auparavant à 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.
+Pour appuyer les discussions et avoir un support géographique, nous avons imprimé plusieurs cartes papiers provenant du projet [OpenStreetMap](https://openstreetmap.org).
 
-<!-- Une première adhésion à été enregistré. -->
+Une carte en format A0 qui couvre tout notre bassin de vie et plusieurs cartes en A3 qui se concentrent sur un quartier ou un secteur en particulier.
+
+Sebastien s'est chargé de faire fabriquer une banderole VMEMS afin d'augmenter la visibilité de notre jeune association.
+
+<div class="row">
+{{< fig-img
+    src="seb_explique_sur_carte.jpg"
+    class="col-sm"
+    alt="Deux personnes discutant autour d'une carte sur une grille"
+    caption="Sebastien Denise discute d'un projet d'aménagement avec une personne intéressé."
+>}}
+{{< fig-img
+    src="stand_large_attente.jpg"
+    class="col-sm"
+    alt="Une personne qui tient le stand d'une association"
+    caption="Vue sur notre stand, Alexis Martini s'occupe de prendre les réponses du sondage"
+>}}
+</div>
+
+### Le sondage
+
+Une enquête était proposée pour connaitre le point de vue de citoyen sur les aménagements actuels, les besoins d'infrastructures cyclables et les axes prioritaires à aménager sur notre territoire.
+
+[Vous pouvez participer à notre sondage sur la cyclabilité actuelle de Gaillon-Aubevoye et les besoins d'aménagements](https://sondages.vmems.fr/index.php/515549)
+
+### Une première adhésion et des nouveaux contacts
+
+Enfin, ce stand nous a permis de prendre contact avec des personnes motivées ou tout simplement intéréssés par le vélo du quotidien.
+
+Une première adhésion d'une personne physique a été enregistré. C'était la première fois que nous proposons une adhésion au prix de 10 euros. En effet, nous souhaitons disposer d'un minimum d'adhérents pour garantir un mini fond de roulement pour, par exemple, financer les supports de communications et organiser des évènements régulièrement.
 
 ## 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.
+Pour cette première édition de journée du vélo, on a déjà une variété de stand et d'activités proposé par plusieurs associations et entreprises.
 
-Merci à tout les bénévoles et associations présentes pour leur investissement.
+Merci à tous 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.
+L'association de plaidoyer vélo du quotidien à Louviers La Petite Cyclote 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.
+Le groupe militant tout droit venu de Louviers en vélo n'est pas arrivé les sacoches vides, car ils ont exposé au public une série d'affiches [« Le vélo est le véhicule du futur »](https://fichiers.vmems.fr/docs/adav/adav_affiches_velo_vehicule_futur.pdf) édité par [l'association droit au vélo](https://droitauvelo.org/) pour répondre aux idée reçu sur le vélo du quotidien et les bons gestes, matériels et habitudes pour bien démarrer.
 
-### Agglomération Seine-Eure
+### Agglomération Seine-Eure et son S'Cool Bus
 
-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.
+Le directeur du service mobilité, Marc Monnier était présent. L'agglo y a présenté son S'Cool Bus, classe de véhicule encore balbutiante et rare en France. Le modèle présenté est fabriqué par Humbird.
 
 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.
+La présence du S'Cool Bus est d'autant plus intéressante qu'il va normalement être déployé à la rentrée prochaine dans la commune du Val d'Hazey.
 
-### Bicycleure
+{{< fig-img
+    src="scoolbus_1.jpg"
+    alt="Véhicule à quatre roues en bois avec un animateur et 6 enfants qui pédalent pour le mouvoir"
+    caption="S'Cool bus en action le 20 avril dans l'agora d'Aubevoye"
+>}}
 
-Le super réparateur de vélo du coin !
+### Bicycl’Eure
 
-## Le sondage
+Le super [réparateur de vélo implanté à Aubevoye](https://bicycleure.fr/) est venu prêter main forte pour notamment réparer les vélos échangé durant la bourse à vélo.
 
-[sondages.vmems.fr](https://sondages.vmems.fr)
+{{< fig-img
+    src="bicycleure_1.jpg"
+    alt="Réparation de vélo en extérieur, le réparateur s'affaire sur le vélo et 6 le regardent."
+    caption="Laurent Gringoire a proposé ses super services de réparation de vélo."
+>}}
+
+### Les balades
+
+{{< fig-img
+    src="depart_balade_2.jpg"
+    alt="Départ d'une balade en vélo"
+    caption="Départ d'une balade en vélo rétro dans Aubevoye organisé par une association."
+>}}
 
 ## Conclusion
 
-Quelle journée !
+Quelle journée ! Malgrè le temps incertain, et le fait que ce soit la première édition (donc pas évident à communiquer), cette animation a attiré du monde et pas mal de familles.
+Les visiteurs ont été exposés aux différentes facettes du vélo que ça soit pour le vélo loisir ou du quotidien.
 
-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 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 de ce genre ici !
+
+Nous souhaitons que ce genre de journée vélo se pérennise à l'échelle de Gaillon-Aubevoye chaque année. Alors, on espère à l'année prochaine !
 
-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/amenagements/_index.md

@@ -0,0 +1,3 @@
+---
+title: Aménagements
+---

content/amenagements/stationnement/index.md

@@ -0,0 +1,18 @@
+---
+title: Les stationnements vélos
+description: |
+    Nos recommandations pour réussir son installation de parking à vélo : sécurisé, pratique (ergonomique et accessible) et signalé.
+---
+
+## La bonne place
+
+En résumé une bonne place de stationnement pour vélo doit répondre à ces critères :
+- 1. Sécurité
+- 2. Ergonomie
+    - Un arceau vwlo permet de sécuriser le cadre du vélo avec un [antivol en U] afin de prévenir les vols de vélo, cela exclue de fait [les pinces roues](https://www.cc37.org/pourquoi-il-faut-proscrire-les-supports-de-type-pince-roues-ou-ratelier/).
+- 3. Protégé
+    - En prévoyant une place spécifique, clairement marqué aux vélo, on garanti au public qui souhaite venir en vélo que cette place est permanente. Cela signale aux autres usagers que ce mode de transport est considéré et qui l'a sa place
+- 4. Facilité d'accès : signalisé "Parking vélo" et proche de l'entrée du local qui souhaite déservir, il est facile à repérer pour les novices.
+- 5. Signalisé
+- 6. Optionellement : Couvert
+

content/association/_index.md

@@ -15,6 +15,12 @@ Formée en octobre 2023, nous voulons promouvoir et aider à développer une alt
     - 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
 
+### Périmètre d'actions
+
+Nous sommes actifs surtout sur les communes de Gaillon, Le Val d'Hazey (Aubevoye + Sainte-Barbe-sur-Gaillon + Vieux-Villez), Saint-Aubin-sur-Gaillon et Courcelles-sur-Seine.
+
+Notre périmètre complet corespond à l'ancienne [communauté de communes Eure-Madrie-Seine](https://fr.wikipedia.org/wiki/Communaut%C3%A9_de_communes_Eure-Madrie-Seine) ou encore [le canton de Gaillon](https://fr.wikipedia.org/wiki/Canton_de_Gaillon).
+
 ### 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`.
@@ -29,7 +35,9 @@ Notre association est une association de loi 1901 déclaré en préfecture de l'
 - Matthieu BESSAT, Secrétaire
 - Alexis Martini, Secrétaire-Adjoint
 
-<a href="/association/rejoindre" class="btn btn-primary">
-    Nous rejoindre
-</a>
+<p class="text-center">
+    <a href="/association/rejoindre" class="btn btn-lg btn-success">
+        Nous rejoindre
+    </a>
+</p>
 

content/association/medias.md

@@ -0,0 +1,7 @@
+---
+title: On parle de nous dans les medias
+description: Liste des articles de presse et autres contenu de médias qui parlent de notre association
+---
+
+- [Actu.fr - Il veut promouvoir le vélo et les mobilités douces dans cette commune de l'Eure](https://actu.fr/normandie/gaillon_27275/il-veut-promouvoir-le-velo-et-les-mobilites-douces-dans-cette-commune-de-leure_60199306.html)
+- [Paris-Normandie - Près de Vernon, cette nouvelle association se bat pour la pratique du vélo](https://www.paris-normandie.fr/id525347/article/2024-05-23/pres-de-vernon-cette-nouvelle-association-se-bat-pour-la-pratique-du-velo)

content/association/rejoindre.md

@@ -19,7 +19,9 @@ Alors n'attendez pas et rejoignez notre association pour nous aider dans nos ac
 
 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">
+<a
+    class="mb-3 btn btn-info btn-lg"
+    href="https://signal.group/#CjQKIGTvDcOQdQ64gs2tBtBZhn9xNC9rEsoQH59u_HLWDJYQEhCUCZM1iiAOaiAz7lreaYRX">
     Rejoindre le groupe Signal
 </a>
 

content/ecosysteme-local/index.md

@@ -0,0 +1,21 @@
+---
+title: L'écosystème commerces et associations
+---
+
+Le bassin de vie de Gaillon-Aubevoye possède un écosystème (certe balbutiant) d'associations et d'entreprises autour du vélo.
+
+<!--more-->
+
+## Le réparateur : Bicycl'Eure
+
+Basé a Aubevoye, Bicycl'Eure est un atelier de réparation vélo mobile.
+
+Nous vous invitons à consulter le site web de l'atelier : [Bicycleure.fr](https://bicycleure.fr/).
+
+C'est le meilleur moyen de réparer son vélo près de chez soit dans un budget accessible. Nous vous le recommandons chaudement.
+
+## Une association sportive : Les Guidons à Crampons
+
+[Les guidons à crampons](https://lesguidonsacrampons.com/) est un club basé à Aubevoye qui propose des sorties en vélo tout terrain chaque dimanche.
+
+Elle organise tout les ans son évènement phare ouvert à tous : la randonnée Val de Seine, généralement en mai.

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.

content/projets/_index.md

@@ -2,5 +2,5 @@
 title: Sujets en cours
 ---
 
-Actions et sujets de travail par l'association.
+Actions, sujets et travaux de l'association. Projets de futurs aménagements, par l'agglo Seine-Eure ou par les communes, création de stationnements etc.
 

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

@@ -7,22 +7,37 @@ featured_image:
     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
+La direction de l'urbanisme de l'agglomération Seine-Eure réalise depuis fin 2023 des travaux de rénovation de voirie de la rue Jean-Moulin à Gaillon, jusqu'à la rue du Général de Gaulle à Aubevoye (au niveau de l'intersection de la croix des champs).
 
-Ce qui a été réalisé :
+Il s'agit d'une rénovation de l'enrobé, avec éventuellement l'ajout d'appareils de voies (ralentisseurs, etc) il n'y a pas de changements de répartition de l'espace de la voirie. Ainsi les voiries sont refait quasiment à l'identique, il n'y a pas de changement de paradigme.
 
-### Rue Jean-Moulin
+Ce qui a été réalisé à ce jour :
+
+### Rue Jean-Moulin, Gaillon
 
 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
+### Rue ou route de Sarstedt, Gaillon
 
 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é.
+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).
 
+### Rue Charles de Gaulle, Aubevoye
+
+Fin juillet 2024, l'enrobé sur la partie Aubevoye (c'est à dire du giratoire de la résidence du chemin vert à la Croix des Champs) est refait à neuf.
+
+L'enrobé refait, nous sommes à ce jour en attente de la peinture des marquages.
+
+### Sécurisation du carrefour à feux de la Croix des Champs
+
+Nous avons découvert un peu comme tout le monde les travaux à ce moment, et n'ayant pas eu assez de temps pour anticiper et poser nos questions à l'agglo, nous avons insisté auprès de l'agglo (en urgence) pour demander la création d'un sas vélo.
+
+Marc Monnier, directeur de la mobilité de l'agglo nous a répondu qu'il souhaite mettre en œuvre notre proposition.
+
+Affaire à suivre…

content/projets/stationnement-commerces/index.md

@@ -0,0 +1,28 @@
+---
+title: Les stationnements dans les locaux commerciaux
+---
+Un des cheval de bataille de VMEMS est l'offre de stationnements vélo. Nous abordons ici le cas des **locaux commerciaux** privés qui ont un parking pour automobile dédié à la clientelle (ex: supermarchés, centre commerciaux, bureaux, cinéma etc).
+
+Le manque de stationnements vélo adaptés est sans conteste dans le top 3 des [freins à la pratique du vélo au quotidien](/freins), et c'est pourquoi nous nous intéréssons à cette question. [Voir nos recommandations concernant le stationnement cyclable](/amenagements/stationnement).
+
+En effet, pour le cycliste du quotidien qui veut se rendre à son travail, aux courses, à ses commerces et loisirs, il ou elle a besoin d'un endroit où déposer sa monture sans que cela génère stress, difficulé et peur de se faire voler.
+
+## La loi
+
+Malheuresement, il n'existe pas encore de loi qui oblige les commercants à installer des stationnements vélos pour les établissements existants. Cependant il ya des cas particuliers.
+
+## Bilan et état des services
+
+## Les commerces sans aucune solutions
+
+- Le magasin Lidl, quartier de la gare, à Aubevoye ne propose pas de stationnements vélo.
+- Le magasin Aldi, quartier de la gare, à Aubevoye ne propose pas de stationnements vélo.
+
+## Les commerces avec une solution peu pratique
+
+- Auchan 
+
+## Les él
+
+-
+

content/ressources/index.md

@@ -0,0 +1,77 @@
+---
+title: Ressources pour aller plus loin
+description: Nos recommandations de vidéastes, d'associations pour apprendre et se former autour du vélo du quotidien et les aménagements.
+---
+
+## Documents locaux
+
+- [Guide vélo grand-public de l'agglo Seine-Eure](https://www.agglo-seine-eure.fr/wp-content/uploads/2024/05/AggloSeineEure_Guide-velo-2024-2.pdf)
+- [Plan vélo de l'agglo Seine-Eure](https://www.agglo-seine-eure.fr/wp-content/uploads/2023/05/AggloSeineEure_Plan-velo-2023-2033.pdf)
+- [Guide vélo de la Région Normandie](https://www.normandie.fr/sites/default/files/2020-06/guide_velo_version_en_ligne.pdf)
+- [Carte cyclable OpenStreetMap de notre région](https://www.openstreetmap.org/#map=14/49.17253/1.33115&layers=C)
+
+## Mini-documentaires vidéos sur le vélo du quotidien
+
+### Altis-Play
+
+Altis Play est un vidéaste unique en son genre.
+Il produit des analyses en videos bien fournis sur différentes problématiques autour des aménagements cyclables. À l'origine centré sur Paris et l'Île de France, il s'interesse égalements aux région, que ça soit en ville ou en campagne.
+
+Au programme :
+- Analyse d'aménagements actuels problématiques et proposition d'amélioration
+- Revue et analyse des nouveaux aménagements
+- Conseils pour les cyclistes
+
+Nous recommandons pour commencer les vidéos suivantes :
+- [Bordeaux Transforme sa Mobilité : Focus sur les Initiatives Écologiques](https://youtube.com/watch?v=GATWmU2Dnpo)
+- [Les pistes cyclables à la campagne : une priorité ou un caprice ?](https://youtube.com/watch?v=Ls0Bc69vpKc)
+- [C'est dangereux d'avoir des cyclistes en contresens ? (analyse des doubles sens cyclables)](https://youtube.com/watch?v=mgWtG-_K6Lk)
+
+Retrouvez le sur internet :
+[Voir sa chaîne sur YouTube](https://www.youtube.com/channel/UCs2UszeXZlQ-DsHI667DONA) [Voir son site web](https://altisplay.fr) [Voir son profil mastodon](https://masto.bike/@altis)
+
+### Biclou par Le Parisien
+
+Biclou est une série de vidéo produite par les journalistes du Parisien qui s'interesse à différents sujets autour du vélo : les actualités, l'équipement, les concepts originaux et innovations, les aménagements, les problèmes et solutions…
+
+Voici quelques vidéos pour commencer :
+- [Transformer son vélo en électrique, c’est « plusieurs centaines d’euros économisées »](https://youtube.com/watch?v=ROLHX4dIdQw)
+- [Le pneu de vélo increvable existe-t-il vraiment ?](https://youtube.com/watch?v=bzwm0ftr5yo)
+- [Top 3 des meilleurs aménagements cyclables d’Amsterdam](https://youtube.com/watch?v=gFkQcarOLtw)
+
+[Voir la playlist youtube des vidéos Biclou](https://youtube.com/playlist?list=PLw6E42YuVQ-GzOKsLwAkzOGPaC8RS93MF)
+
+## Stein Van Oosteren
+
+Néerlandais venu habiter en France, il réalise des analyses vidéos sur les infrastructures principalement dans la région parisienne.
+
+Auteur des livres “Pourquoi pas le vélo?” et “50 bonnes raisons de faire du vélo”.
+
+Nous vous conseillons, [cette excellente conférence : Les freins à la pratique du vélo – Stein van Oosteren, Collectif Vélo Île de France](https://www.youtube.com/watch?v=k1rilLq1ocU).
+
+Retrouvez le sur internet : [Voir son profil mastodon](https://masto.bike/@SteinVanOosteren@mastodon.top)
+
+## Les documents de la CEREMA
+
+Le CEREMA, Centre d'études et d'expertise sur les risques, l'environnement, la mobilité et l'aménagement produit des recommandations officielles sur les aménagements cyclables et routiers.
+
+Les documents produit servent de référence dans la formation des acteurs et la conception de nouvelles infrastructures.
+
+## Les associations nationales
+
+- [La FUB](https://fub.fr)
+- [Mon vélo est une vie](https://www.monveloestunevie.org/)
+- [AF3V, Association vélo routes](https://www.af3v.org)
+- [La ville à vélo](https://lavilleavelo.org)
+
+## Les associations locales
+
+Pour citer les autre associations locales dans la région :
+
+- Louviers : La petite Cyclotte
+    - Email : [lapetitecyclote@gmail.com](mailto:lapetitecyclote@gmail.com)
+    - [Actu 1](https://actu.fr/normandie/louviers_27375/ils-pedaleront-louviers-jusqua-evreux-se-rendre-la-marche-le-climat_20105049.html), [Actu 2](https://actu.fr/normandie/louviers_27375/un-grand-periple-a-velo-entre-louviers-et-dieppe-avec-la-petite-cyclote_59623060.html)
+- Val-de-Reuil : [Les Guidons Déboussolés](https://lesgd.fr/)
+- Vernon : Collectif Les Biclous
+- Rouen : [Sabine a vélo](https://sabinerouenvelo.org/)
+

content/signalements/_index.md

@@ -1,10 +1,15 @@
 ---
-title: Signalements des problèmes concernant les piétons et cycles
+title: Problèmes signalés sur les aménagements pour piétons et vélos
 ---
 
 Nous vous proposons une carte interactive via [uMap](https://umap.openstreetmap.fr/fr/) qui indique les points géo-localisé problématiques sur la voie publique ou dans les locaux commerciaux.
 
-Sont référencés:
+<!--
+TODO: changer le wording, sing
+TODO: ajouter comment ajouter un signalement
+-->
+
+Sont référencés :
 - Manque de continuité cyclable
 - Malfaçon ou mauvais aménagement
 - Barrières problématiques

hugo.toml

@@ -5,17 +5,20 @@ assetDir = "assets"
 summaryLength = 50
 title = "Vélo et Mobilités en Eure-Madrie-Seine"
 
+enableGitInfo = true
+
 [params]
 dateFmt = "2006-01-02 15:04"
-    [params.contact]
-    email = "contact@vmems.fr"
-    website = "https://vmems.fr"
-    # helloasso = ""
-    # helloasso_adhesion = ""
-    # paper_adhesion = "https://static.vmems.fr/"
-    # [params.socials]
-    # facebook = "https://www.facebook.com/groups/bethleemaubevoye"
-    # youtube = "https://www.youtube.com/@letoiledebethleem9895"
+ISO8601 = "2006-01-02T15:04:05-07:00"
+[params.contact]
+email = "contact@vmems.fr"
+website = "https://vmems.fr"
+# helloasso = ""
+# helloasso_adhesion = ""
+# paper_adhesion = "https://static.vmems.fr/"
+# [params.socials]
+# facebook = "https://www.facebook.com/groups/bethleemaubevoye"
+# youtube = "https://www.youtube.com/@letoiledebethleem9895"
 
 
 

layouts/_default/baseof.html

@@ -19,5 +19,10 @@
     {{ else }}
         {{ block "main" . }}{{ end }}
     {{ end }}
+    {{ with resources.Get "scripts/htmx.js" }}
+        {{ with . | fingerprint "sha256" }}
+            <script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
+        {{ end }}
+    {{ end }}
 </body>
 </html>

layouts/_default/single.html

@@ -11,27 +11,34 @@
                     <span>Mis à jour le <b><time>{{ . | time.Format ":date_full" }}</time></b></span>
                 {{ end }}
             </p>
+        <p class="article__tags">
+            {{- range $index, $element := .Params.tags -}}
+                {{- with $element -}}
+                    <span>{{- if $index -}}, {{- end -}}</span>
+                    <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+                {{- end -}}
+            {{ end }}
+        </p>
     
 
         {{ if .Params.featured_image }}
         {{ $featuredImage := .Resources.GetMatch (.Params.featured_image.src | safeURL)  }}
         {{ if $featuredImage }}
-            {{ $featuredImage = $featuredImage.Resize "600x" }}
-            <figure>
-                <img alt="" src="{{ $featuredImage.RelPermalink }}" />
+            {{ $featuredImage = $featuredImage.Resize "900x" }}
+            <figure class="figure" style="max-width: 600px">
+                <img class="figure-img img-fluid" alt="" src="{{ $featuredImage.RelPermalink }}" />
                 {{ with .Params.featured_image.caption }}
-            <figcaption>{{ . }}</figcaption>
+                <figcaption class="figure-caption">{{ . }}</figcaption>
                 {{ end }}
             </figure>
         {{ end }}
         {{ end }}
 
-            {{ range .Params.tags }}
-               <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
-            {{ end }}
-			<div>
-				{{ .Content }}
-			</div>
+
+        <div class="article__text">
+            {{ .Content }}
+        </div>
+        
 		</article>
 	</main>
 {{ end }}

layouts/index.html

@@ -1,15 +1,158 @@
 {{ define "main" }}
-    <div class="container">
-		<h1 class="page-title">{{ .Title }}</h1>
-
-        <div class="tmp_logo_container">
-            {{ $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__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>

layouts/partials/footer.html

@@ -1,15 +1,22 @@
-  <footer class="page-footer mt-5 py-5">
+  <footer class="page-footer mt-5 pt-4">
     <div class="container">
     <div class="row">
-      <div class="col-6 col-md-2 mb-3">
+      <div class="col-12 col-md-4 col-lg-2 mt-2 mt-lg-0">
         <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>
+          <li class="nav-item mb-2"><a href="/signalements" class="nav-link p-0 text-body-secondary">Problèmes signalés</a></li>
+          <li class="nav-item mb-2"><a href="/projets" class="nav-link p-0 text-body-secondary">Projets et futur aménagements</a></li>
+          <li class="nav-item mb-2"><a href="/ecosysteme-local" class="nav-link p-0 text-body-secondary">Ecosystème local</a></li>
         </ul>
       </div>
-
-      <div class="col-6 col-md-2 mb-3">
+      <div class="col-12 col-md-4 col-lg-2 mt-2 mt-lg-0">
+        <h5>Le vélo en général</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="/amenagements/stationnement" class="nav-link p-0 text-body-secondary">Stationnement / Parking</a></li>
+          <li class="nav-item mb-2"><a href="/ressources" class="nav-link p-0 text-body-secondary">Ressources</a></li>
+        </ul>
+      </div>
+      <div class="col-12 col-md-4 col-lg-2 mt-2 mt-lg-0">
         <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>
@@ -18,17 +25,8 @@
         </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 class="col-12 col-lg-4 offset-lg-1 mt-3 mt-lg-0 mb-3">
+        {{ partial "newsletter_subscribe" . }}
       </div>
     </div>
 

layouts/partials/head.html

@@ -1,6 +1,9 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
+{{- $title := partialCached "data/title" . .RelPermalink -}}
+<title>{{ $title }} {{ if not .IsHome }}- VMEMS{{ end }}</title>
+
 {{- $description := partialCached "data/description" . .RelPermalink -}}
 <meta name="description" content="{{ $description }}">
 
@@ -8,37 +11,31 @@
 <meta name="author" content="{{ . }}">
 {{ end }}
 
-{{- $title := partialCached "data/title" . .RelPermalink -}}
-
-<title>{{ $title }} {{ if not .IsHome }}- VMEMS{{ end }}</title>
+{{ if .IsPage }}
+{{- with .Params.tags -}}
+<meta name="keywords" content="{{ range $i, $e := . }}{{ if $i }}, {{ end }}{{ $e }}{{ end }}">
+{{ end }}
+{{- end -}}
 
 <link rel="canonical" href="{{ .Permalink }}">
 
-{{ partial "opengraph/include.html" . }}
+{{- partial "metas/opengraph.html" . -}}
+{{- partial "metas/json-ld.html" . -}}
 
-{{ range .AlternativeOutputFormats }}
+{{- range .AlternativeOutputFormats -}}
 <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}">
 {{ end }}
 
-<link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
-<link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
-<link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
-<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
-<link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
-<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
-<link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
-<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
-<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
-<link rel="icon" type="image/png" sizes="192x192"  href="/icons/android-icon-192x192.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
+{{ $faviconSm := resources.Get "images/logos/logo_sm.png" }}
+<link rel="apple-touch-icon" sizes="192x192" href="{{ $faviconSm.RelPermalink }}">
+<link rel="icon" type="image/png" sizes="192x192"  href="{{ $faviconSm.RelPermalink }}">
 <link rel="manifest" href="/manifest.json">
-<meta name="msapplication-TileColor" content="#025E73">
-<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
-<meta name="theme-color" content="#025E73">
+<meta name="msapplication-TileColor" content="#198754">
+<meta name="msapplication-TileImage" content="{{ $faviconSm.RelPermalink }}">
+<meta name="theme-color" content="#198754">
 
 <!-- Note: j'ai galérer à rajouter du scss car en fait y'avait déja une variable $style de définit plus haut... -->
-{{ $style := resources.Get "sass/main.scss" | resources.ToCSS  | resources.Fingerprint }}
+{{- $style := resources.Get "sass/main.scss" | resources.ToCSS  | resources.Fingerprint -}}
 <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}">
 
+<meta name="htmx-config" content='{"selfRequestsOnly":false}'>

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+<nav class="site__header navbar navbar-expand-lg navbar-dark bg-success bg-gradient">
     <div class="container">
         <a class="navbar-brand" href="/">VMEMS</a>
         <input type="checkbox" id="navbar-toggle-cbox">
@@ -16,7 +16,7 @@
             </label>
         </div>
         <div id="navbar" class="collapse navbar-collapse">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <ul class="navbar-nav me-auto mt-1 mt-lg-0 mb-2 mb-lg-0">
                 <li class="nav-item">
                     <a class="nav-link" href="/projets">Projets cyclables</a>
                 </li>

layouts/partials/helpers/image.html

@@ -13,26 +13,21 @@
         <!-- Is an external image -->
         {{ $result = merge $result (dict "permalink" $imageValue) }}
     {{ else }}
-        {{ $pageResourceImage := resources.GetMatch (printf "%s" ($imageValue | safeURL)) }}
+        {{ $pageResourceImage := (.Context.Resources.GetMatch ($imageValue | safeURL)).Fill "300x300 center" }}
         
         {{ if $pageResourceImage }}
             <!-- If image is found under page bundle -->
             {{ $result = merge $result (dict "permalink" $pageResourceImage.RelPermalink) }}
-
-            <!-- Disable SVG image processing, not supported by Hugo -->
-            {{ if ne (path.Ext $imageValue) ".svg" }}
-                {{ $result = merge $result (dict "resource" $pageResourceImage) }}
-            {{ end }}
         {{ else }}
             <!-- Can not find the image under page bundle. Could be a relative linked image -->
-            {{ $result = merge $result (dict "permalink" (relURL $imageValue)) }}
+            {{ $result = merge $result (dict "permalink" (printf "%s" (relURL $imageValue))) }}
         {{ end }}
 
     {{ end }}
 
 {{ else }}
     <!-- Type arg is set, check for defaultImage setting -->
-        {{ $defaultImageSetting := .Context.Site.Params.defaultCoverImage }}
+        {{ $defaultImageSetting := .Context.Site.Params.defaultImage }}
 
         {{ $result = merge $result (dict "isDefault" true) }}
         {{ $result = merge $result (dict "exists" true) }}
@@ -42,8 +37,7 @@
 
             {{ if $siteResourceImage }}
                 <!-- Try search image under site's assets folder -->
-                {{ $result = merge $result (dict "permalink" $siteResourceImage.RelPermalink) }}
-                {{ $result = merge $result (dict "resource" $siteResourceImage) }}
+                {{ $result = merge $result (dict "permalink" ($siteResourceImage.Fill "300x300 center").RelPermalink) }}
             {{ else }}
                 <!-- Can not find the image -->
                 {{ errorf "Failed loading image: %q" $defaultImageSetting.src }}

layouts/partials/metas/json-ld.html

@@ -0,0 +1,23 @@
+{{ if .IsPage }}
+{{ if eq .Section "actualites" }}
+<script type="application/ld+json">
+{
+    "@context" : "http://schema.org",
+    "@type" : "BlogPosting",
+    "articleSection" : "{{ .Section | title }}",
+    "name" : "{{ .Title }}",
+    "headline" : "{{ .Title }}",
+    "description" : "{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}",
+    "inLanguage" : "fr-FR",
+    "author" : "{{ .Params.author }}",
+    "creator" : "VMEMS",
+    "accountablePerson" : "VMEMS",
+    "datePublished": "{{ .PublishDate.Format $.Site.Params.ISO8601 }}",
+    "dateModified" : "{{ .Lastmod.Format $.Site.Params.ISO8601 }}",
+    "url" : "{{ .Permalink }}",
+    "wordCount" : "{{ .WordCount }}",
+    "keywords" : [ {{ range $i, $e := .Params.tags }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} ]
+}
+</script>
+{{ end }}
+{{ end }}

layouts/partials/metas/opengraph.html

@@ -32,8 +32,8 @@
         <meta property="article:modified_time" content="{{- .Lastmod.Format "2006-01-02T15:04:05-07:00" | safeHTML -}}" />
     {{- end -}}
 {{- else -}}
-    {{ if not .Site.LastChange.IsZero }}
-<meta property="og:updated_time" content="{{- .Site.LastChange.Format "2006-01-02T15:04:05-07:00" | safeHTML -}}" />
+    {{ if not .Site.Lastmod.IsZero }}
+<meta property="og:updated_time" content="{{- .Site.Lastmod.Format "2006-01-02T15:04:05-07:00" | safeHTML -}}" />
     {{- end -}}
 {{- end -}}
 

layouts/partials/newsletter_subscribe.html

@@ -0,0 +1,32 @@
+<style>
+#subscribe-result-inner, #subscribe-success {
+    display: none;
+}
+#subscribe-result:has(> #subscribe-result-inner:not(:empty)) #subscribe-success {
+    display: block;
+}
+</style>
+<form
+    hx-boost="true"
+    hx-target="#subscribe-result-inner"
+    hx-push-url="false"
+    method="POST"
+    action="https://lists.vmems.fr/api/public/subscription"
+    hx-on::after-request="this.reset()"
+>
+    <h5>Abonnez-vous à notre liste de diffusion !</h5>
+    <p>Soyez aux courant des dernières actualités de l'association. Email d'information envoyé tout les trimestres.</p>
+    <div id="subscribe-result">
+        <div id="subscribe-result-inner"></div>
+    <div class="alert alert-success" role="alert" id="subscribe-success">
+        Merci, vous êtes maintenant abonné à la newsletter !
+    </div>
+    </div>
+    <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="email" name="email" class="form-control" placeholder="Adresse email">
+        <input id="list" type="hidden" name="l" value="c1b38c9f-f876-42c8-a5fd-d53e4724bd0a" />
+        <input id="nounce" type="hidden" name="nonce" value="" />
+        <button class="btn btn-success" type="submit">S'abonner</button>
+    </div>
+</form>

layouts/shortcodes/fig-img.html

@@ -1,18 +1,42 @@
-<figure class="fig-img {{ with .Get "class" }}{{ . }}{{ end }}">
+{{/**
+    fig-img
+    how to use:
+        
+    {{< fig-img
+        src="now.jpg"
+        options="500x500"
+        alt="The alt"
+        caption="The caption"
+    >}}
+
+    **/}}
+{{- if .Get "single" -}}
+<div class="single-figure-container">
+{{ end }}
+<figure class="figure {{ with .Get "class" }}{{ . }}{{ end }}">
     {{- if .Get "link" -}}
         <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
     {{- end -}}
 
-    {{ $options := .Get "options" }}
-    {{ $img := (.Page.Resources.GetMatch (.Get "src")).Fit $options }}
-    <img src="{{ $img.RelPermalink }}"
+    {{ $options := or (.Get "options") "600x600 center" }}
+    {{ $permalink := "" }}
+    {{ if hasPrefix (.Get "src") "https://" }}
+        {{ $permalink = .Get "src" }}
+    {{ else }}
+        {{ $permalink = ((.Page.Resources.GetMatch (.Get "src")).Fill $options).Permalink }}
+    {{- end -}}
+
+    <img 
+        class="figure-img img-fluid"
+        style="max-width: 500px"
+        src="{{ $permalink }}"
          {{- if or (.Get "alt") (.Get "caption") }}
          alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
          {{- end -}}
     /><!-- Closing img tag -->
     {{- if .Get "link" }}</a>{{ end -}}
     {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
-        <figcaption>
+        <figcaption class="figure-caption">
             {{ with (.Get "title") -}}
                 <h4>{{ . }}</h4>
             {{- end -}}
@@ -27,4 +51,7 @@
         </figcaption>
     {{- end }}
 </figure>
+{{- if .Get "single" -}}
+</div>
+{{ end }}