evol#9614-modifications demandées revue site 2

layouts/_default/home.html

@@ -3,7 +3,7 @@
   <div class="w-full mx-4 my-10 grid max-w-2xl auto-rows-fr grid-cols-1 sm:grid-cols-2 gap-8 lg:mx-0 lg:max-w-6xl lg:grid-cols-4 items-center justify-center">
   {{ range where site.RegularPages "Section" "pages" }}
     <a href="{{.Page.RelPermalink}}">
-    <article class="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl  px-8 py-12 text-white bg-mms-nightblue">
+    <article class="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl h-130 px-8 py-12 text-white bg-mms-nightblue">
       {{ $img := resources.Get .Page.Params.featuredimage}}
       <img src="{{$img.RelPermalink}}" class="max-h-56" alt="{{.Page.Title}}" />
       <h3 class="text-center text-xl my-5">{{.Page.Params.subtitle}}</h3>
@@ -21,15 +21,6 @@
       <div>
         {{$img := resources.Get "images/visuel-mms43.svg"}}
         <img class="mb-4" src="{{$img.RelPermalink}}" alt="{{.Site.Title}}" />
-        <h3 class="text-lg text-mms-nightblue">Porté par</h3>
-        {{$img := resources.Get "images/partenaires-mms43.png"}}
-        <img class="max-h-24" src="{{$img.RelPermalink}}" alt="Partenaires" />
-        <h3 class="text-lg text-mms-nightblue">En partenariat avec</h3>
-        {{$img := resources.Get "images/avec-mms43.svg"}}
-        <img class="max-h-18" src="{{$img.RelPermalink}}" alt="Partenaires" />
-        <h3 class="text-lg text-mms-nightblue">Financé par</h3>
-        {{$img := resources.Get "images/financeurs-mms43.png"}}
-        <img class="max-h-18" src="{{$img.RelPermalink}}" alt="Partenaires" />
       </div>
       <div class="p-8 text-justify">
         <p class="p-4">La Maison de la Mobilité Solidaire Haute-Loire est un projet porté par les associations FIT, Solidarauto 43 et FACE 43, en collaboration
@@ -40,6 +31,13 @@ Développer un programme de sensibilisation et d’accompagnement des acteurs te
     
       </div>
     </div>
+    <video controls width="600" class="m-auto">
+      {{$mp4 := resources.Get "videos/MMS43_Compressed.mp4" }}
+      <source src="{{$mp4.RelPermalink}}" type="video/mp4" />
+
+      Télécharger au format
+      <a href="{{$mp4.RelPermalink}}">MP4</a>.
+    </video>
   </div>
 </div>
 

layouts/_default/single.html

@@ -11,6 +11,10 @@
   <time class="text-mms-turquoise font-bold" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
   {{end}}
 
+  {{$img := resources.Get .Params.featuredimage}}
+  {{if $img}}
+  <img class="h-24 m-auto" src="{{$img.RelPermalink}}" alt="{{.Title}}" />
+  {{end}}
   <div class="my-6 text-justify">
   {{ .Content }}
   </div>

layouts/partials/footer.html

@@ -1,3 +1,15 @@
+<div class="bg-white text-mms-nightblue p-10">
+  <p class="text-center">porté par</p>
+  {{$img := resources.Get "images/partenaires-mms43.svg"}}
+  <img class="h-32 m-auto" src="{{$img.RelPermalink}}" alt="Fit, Solidarauto 43, FACE 43" />
+  <p class="text-center">avec</p>
+  {{$img := resources.Get "images/avec-mms43.svg"}}
+  <img class="h-20 m-auto" src="{{$img.RelPermalink}}" alt="Jeune Loire, Rives du Haut-Allier" />
+  <p class="text-center">financé par</p>
+  {{$img := resources.Get "images/financeurs-mms43.svg"}}
+  <img class="h-16 m-auto" src="{{$img.RelPermalink}}" alt="Jeune Loire, Rives du Haut-Allier" />
+</div>
+
 <div class="m-auto max-w-6xl">
   <div class="mx-auto grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 lg:mx-0 lg:max-w-6xl lg:grid-cols-3">
     <div>
@@ -7,6 +19,9 @@
         <li>
           <a href="mailto:contact@mms43.org">contact@mms43.org</a>
         </li>
+        <li>
+	  <a href="tel://0656782975" />06 56 78 29 75</a>
+        </li>
       </ul>
     </div>
     <div class="py-6 text-center">

layouts/partials/header.html

@@ -3,12 +3,15 @@
     <div class="relative flex h-32 justify-between">
       <div class="flex shrink-0 items-center">
         {{ $logo := resources.Get .Site.Params.logo}}
-        <a href="/"><img class="h-32 w-auto" src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}" /></a>
+        <a href="/"><img class="h-42 w-auto" src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}" /></a>
       </div>
       <!--{{ partial "menu.html" }}-->
       <div class="flex flex-col sm:flex-row shrink-0 items-center justify-center align-middle">
         <button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-lg px-3 py-2 text-sm font-semibold text-mms-nightblue shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">
-          <a href="mailto:contact@mms43.org">contact@mms43.org</a>
+		<a href="mailto:contact@mms43.org">contact@mms43.org</a>
+        </button>
+        <button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-lg px-3 py-2 text-sm font-semibold text-mms-nightblue shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">
+		<a href="tel://0656782975" />06 56 78 29 75</a>
         </button>
         <a href="{{.Site.Params.parcoursmob}}">
         <button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-lg bg-mms-nightblue px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-mms-darkgray focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">

layouts/shortcodes/contact.html

@@ -1,27 +1,30 @@
 <form class="m-10" method="POST" action="">
   <h2 class=" text-xl text-mms-nightblue my-4 text-center">Prendre contact avec la MMS</h2>
+  <p class="text-center text-2xl"><a href="tel:0656782975">06 56 78 29 75</a></p>
+  <p class="text-center text-2xl"><a href="mailto:contact@mms43.org">contact@mms43.org</a></p>
+  <p class="text-center text-sm mt-15">ou laissez nous un message :</p>
   <div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
     <div class="flex flex-row align-middle">
-      <label for="first_name" class="text-sm p-1">Prénom :</label>
+      <label for="first_name" class="text-sm p-1 w-26">Prénom :</label>
       <input type="text" name="first_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
     <div class="flex flex-row align-middle mt-4 sm:mt-0">
-      <label for="last_name" class="text-sm p-1">Nom :</label>
+      <label for="last_name" class="text-sm p-1 w-26">Nom :</label>
       <input type="text" name="last_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
   </div>
   <div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
     <div class="flex flex-row align-middle">
-      <label for="first_name" class="text-sm p-1">Email :</label>
+      <label for="first_name" class="text-sm p-1 w-26">Email :</label>
       <input type="email" name="email" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
     <div class="flex flex-row align-middle mt-4 sm:mt-0">
-      <label for="phone_number" class="text-sm p-1">Téléphone :</label>
+      <label for="phone_number" class="text-sm p-1 w-26">Téléphone :</label>
       <input type="tel" name="phone_number" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
   </div>
   <div class="flex flex-row align-middle mt-4">
-    <label for="phone_number" class="text-sm p-1">Message :</label>
+    <label for="phone_number" class="text-sm p-1 w-26">Message :</label>
     <textarea name="message" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray w-full min-h-50"></textarea>
   </div>
   <div class="mt-8 text-center">

layouts/shortcodes/parcoursmob_create_driver.html

@@ -2,27 +2,27 @@
   <h2 class=" text-xl text-mms-nightblue my-4 text-center">Rejoignez la communauté de conducteurs solidaires</h2>
   <div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
     <div class="flex flex-row align-middle">
-      <label for="first_name" class="text-sm p-1">Prénom :</label>
+      <label for="first_name" class="text-sm p-1 w-26">Prénom :</label>
       <input type="text" name="first_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
     <div class="flex flex-row align-middle mt-4 sm:mt-0">
-      <label for="last_name" class="text-sm p-1">Nom :</label>
+      <label for="last_name" class="text-sm p-1 w-26">Nom :</label>
       <input type="text" name="last_name" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
   </div>
   <div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
     <div class="flex flex-row align-middle">
-      <label for="first_name" class="text-sm p-1">Email :</label>
+      <label for="first_name" class="text-sm p-1 w-26">Email :</label>
       <input type="email" name="email" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
     <div class="flex flex-row align-middle mt-4 sm:mt-0">
-      <label for="phone_number" class="text-sm p-1">Téléphone :</label>
+      <label for="phone_number" class="text-sm p-1 w-26">Téléphone :</label>
       <input type="tel" name="phone_number" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
   </div>
   <div class="grid grid-cols-1 sm:grid-cols-2 mt-4">
     <div class="flex flex-row align-middle">
-      <label for="birthdate" class="text-sm p-1">Date de naissance :</label>
+      <label for="birthdate" class="text-sm p-1 w-40">Date de naissance :</label>
       <input type="date" name="birthdate" class="flex-1 border-mms-nightblue border-2 rounded-lg mx-2 text-sm px-2 text-mms-darkgray" />
     </div>
     <div class="flex flex-row align-middle">