search

2026-03-27 14:50:41 +01:00
parent c3231632ac
commit 2837630e53
7 changed files with 65 additions and 30 deletions
--- a/content/pages/devenez-conducteur-solidaire/index.md
+++ b/content/pages/devenez-conducteur-solidaire/index.md
@@ -6,6 +6,8 @@ menu:
    weight: 2
 etapesTitle: "Une démarche simple et pratique"
 depliantLink: "depliant_covoiturage.pdf"
+ctaText: "Vous aussi, devenez conducteur solidaire !"
+ctaLink: "https://docs.google.com/forms/d/e/1FAIpQLSfZ1QFpt2iuYsx4d9zhOKZ-DIiuW_NJxZ14R808eOfJDch9-g/viewform"
 ---

 Aidez une personne de votre territoire sans solution de transport pour un trajet ponctuel.
--- a/content/pages/nos-solutions-de-mobilite/garage-solidaire.md
+++ b/content/pages/nos-solutions-de-mobilite/garage-solidaire.md
@@ -3,4 +3,4 @@ title: Garage solidaire
 image: images/visuels/Garage-solidaire-Eric-Soudan.png
 weight: 6
 ---
-Solidarauto43 est un garage réservé aux quotients familiaux inférieur à 950 €. Locations, vente et réparations de véhicules, conseils pour l'achat en direct à un particulier. En savoir plus sur [Solidarauto43](https://solidarauto.org/garage-solidaire-le-puy-en-velay/)
+Solidarauto43 est un garage réservé aux quotients familiaux inférieur à 950 €. Locations, vente et réparations de véhicules, conseils pour l'achat en direct à un particulier. [En savoir plus sur Solidarauto43](https://solidarauto.org/garage-solidaire-le-puy-en-velay/)
--- a/hugo.toml
+++ b/hugo.toml
@@ -20,10 +20,12 @@ line2after = "EN HAUTE-LOIRE"

 [params.search]
 title = "Rechercher un trajet"
-labelDepart = "Départ"
-labelDestination = "Destination"
+labelDepart = "Départ : Indiquez une adresse précise"
+labelDestination = "Destination : Indiquez une adresse précise"
 labelDate = "Date"
-labelHeure = "Heure"
+labelHeure = "Heure départ"
+placeholderDepart = "Ex : 1 place du Breuil, Le Puy-en-Velay"
+placeholderDestination = "Ex : 24 boulevard du Montferrand, Le Puy-en-Velay"
 buttonText = "Rechercher"

 [params.video]
--- a/themes/mms43/assets/css/main.css
+++ b/themes/mms43/assets/css/main.css
@@ -874,6 +874,38 @@ main {
  left: -80px;
 }

+/* Sidebar Conducteur */
+.conducteur-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  align-items: center;
+}
+
+/* CTA Conducteur */
+.cta-conducteur {
+  width: 100%;
+  text-align: center;
+}
+
+.cta-conducteur-button {
+  display: inline-block;
+  background-color: var(--color-highlight);
+  color: var(--color-white);
+  padding: 1rem 2rem;
+  border-radius: 25px;
+  text-decoration: none;
+  font-size: 20px;
+  font-weight: 700;
+  transition: opacity 0.2s, transform 0.2s;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+}
+
+.cta-conducteur-button:hover {
+  opacity: 0.9;
+  transform: translateY(-2px);
+}
+
 /* Plus d'infos */
 .plus-infos {
  width: 100%;
--- a/themes/mms43/layouts/_partials/search-block.html
+++ b/themes/mms43/layouts/_partials/search-block.html
@@ -36,7 +36,7 @@
          @focus="departure.showResults = departure.results.length > 0"
          @click.outside="departure.showResults = false"
          autocomplete="off"
-          placeholder=""
+          placeholder="{{ site.Params.search.placeholderDepart }}"
          :class="{ 'input-error': errors.departure }"
          required />
        <ul class="autocomplete-results" x-show="departure.showResults && departure.results.length > 0" x-cloak>
@@ -62,7 +62,7 @@
          @focus="destination.showResults = destination.results.length > 0"
          @click.outside="destination.showResults = false"
          autocomplete="off"
-          placeholder=""
+          placeholder="{{ site.Params.search.placeholderDestination }}"
          :class="{ 'input-error': errors.destination }"
          required />
        <ul class="autocomplete-results" x-show="destination.showResults && destination.results.length > 0" x-cloak>
@@ -179,7 +179,7 @@
        }

        try {
-          const response = await fetch(`https://api-adresse.data.gouv.fr/search/?q=${encodeURIComponent(fieldData.input)}&limit=5`);
+          const response = await fetch(`https://data.geopf.fr/geocodage/search/?q=${encodeURIComponent(fieldData.input)}&limit=5`);
          const json = await response.json();
          fieldData.results = json.features || [];
          fieldData.showResults = fieldData.results.length > 0;
--- a/themes/mms43/layouts/pages/devenez-conducteur-solidaire.html
+++ b/themes/mms43/layouts/pages/devenez-conducteur-solidaire.html
@@ -62,20 +62,28 @@
        </div>
      {{ end }}

-      <div class="plus-infos">
-        {{ $downloadIcon := resources.Get "images/picto/Telechargez.svg" }}
-        <h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
-        <p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée ?" }}</p>
-        <a href="{{ .Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
-        {{ with .Params.depliantLink }}
-        <a href="{{ . }}" class="plus-infos-download" target="_blank">
-          {{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
-          {{ if $downloadIcon }}
-            <img src="{{ $downloadIcon.RelPermalink }}" alt="" />
-          {{ end }}
-          <span>Ou téléchargez le dépliant d'information</span>
-        </a>
+      <div class="conducteur-sidebar">
+        {{ with .Params.ctaLink }}
+        <div class="cta-conducteur">
+          <a href="{{ . }}" class="cta-conducteur-button" target="_blank">{{ $.Params.ctaText | default "Vous aussi, devenez conducteur solidaire !" }}</a>
+        </div>
        {{ end }}
+
+        <div class="plus-infos">
+          {{ $downloadIcon := resources.Get "images/picto/Telechargez.svg" }}
+          <h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
+          <p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée ?" }}</p>
+          <a href="{{ .Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
+          {{ with .Params.depliantLink }}
+          <a href="{{ . }}" class="plus-infos-download" target="_blank">
+            {{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
+            {{ if $downloadIcon }}
+              <img src="{{ $downloadIcon.RelPermalink }}" alt="" />
+            {{ end }}
+            <span>Ou téléchargez le dépliant d'information</span>
+          </a>
+          {{ end }}
+        </div>
      </div>
    </div>

@@ -91,14 +99,5 @@
      </div>
    </div>

-    {{ $pageFooter := where $allResources "Params.type" "page-footer" }}
-    {{ range $pageFooter }}
-      <div class="page-footer-section">
-        <h2 class="page-footer-title">{{ .Title }}</h2>
-        <div class="page-footer-content">
-          {{ .Content }}
-        </div>
-      </div>
-    {{ end }}
  </section>
 {{ end }}
--- a/themes/mms43/layouts/pages/nos-solutions-de-mobilite.html
+++ b/themes/mms43/layouts/pages/nos-solutions-de-mobilite.html
@@ -29,7 +29,7 @@
              {{ if $iconClose }}<img src="{{ $iconClose.RelPermalink }}" alt="" />{{ end }}
            </div>
            <div class="solution-content">
-              <p class="solution-text">{{ .Content | plainify }}</p>
+              <div class="solution-text">{{ .Content }}</div>
            </div>
          </div>
        </div>