Modifs Amandine

layouts/_default/home.html

@@ -1,11 +1,11 @@
 {{ define "main" }}
-<div class="m-auto max-w-6xl">
-  <div class="mx-4 my-16 grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 sm:mt-20 lg:mx-0 lg:max-w-6xl lg:grid-cols-3">
+<div class="m-auto p-4 max-w-6xl">
+  <div class="w-full mx-4 my-16 grid max-w-2xl auto-rows-fr grid-cols-1 sm:grid-cols-2 gap-8 sm:mt-20 lg:mx-0 lg:max-w-6xl lg:grid-cols-4 content-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">
       {{ $img := resources.Get .Page.Params.featuredimage}}
-      <img src="{{$img.RelPermalink}}" alt="{{.Page.Title}}" />
+      <img src="{{$img.RelPermalink}}" class="max-h-56" alt="{{.Page.Title}}" />
       <h3 class="text-center text-2xl my-5">{{.Page.Params.subtitle}}</h3>
       <p class="text-center">{{.Page.Params.description}}</p>
     </article>
@@ -20,10 +20,24 @@
     <div class="grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 lg:mx-10 lg:max-w-6xl lg:grid-cols-2">
       <div>
         {{$img := resources.Get "images/visuel-mms43.svg"}}
-        <img src="{{$img.RelPermalink}}" alt="{{.Site.Title}}" />
+        <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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <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
+avec les territoires de la Jeune Loire et des Rives du Haut Allier</p>
+        <p class="p-4"><strong>Nos missions : </strong>Informer, orienter et accompagner vers des solutions de mobilité durable, solidaire et alternative à l’usage individuel de la
+voiture. Déployer de nouvelles solutions de mobilité partagées, actives et accessibles à tous, en particulier aux personnes en difficulté de mobilité.
+Développer un programme de sensibilisation et d’accompagnement des acteurs territoriaux.</p>
+    
       </div>
     </div>
   </div>
@@ -32,7 +46,7 @@
 <div class="h-10 bg-mms-nightblue">&nbsp;</div>
 
 <div class="m-auto my-16 max-w-6xl">
-  <div class="mx-4">
+<div class="mx-4">
     <h2 class="text-2xl text-mms-nightblue text-center">Les dernières actus de la MMS 43</h2>
     {{ range where site.RegularPages "Section" "articles" }}
     <a href="{{.Page.RelPermalink}}">

layouts/_default/list.html

@@ -1,8 +1,27 @@
+
 {{ define "main" }}
-  <h1>{{ .Title }}</h1>
-  {{ .Content }}
-  {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-    {{ .Summary }}
-  {{ end }}
+<div class="m-auto max-w-6xl px-4">
+{{ partial "breadcrumbs.html" . }}
+</div>
+<div class="m-auto my-16 max-w-6xl">
+<div class="mx-4">
+    <h2 class="text-2xl text-mms-nightblue text-center">Les dernières actus de la MMS 43</h2>
+    {{ range .Pages }}
+    <a href="{{.RelPermalink}}">
+    <article class="my-16">
+      <h3 class="text-xl text-mms-nightblue font-bold">{{.LinkTitle}}</h3>
+      {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+      {{ $dateHuman := .Date | time.Format ":date_long" }}
+      <time class="text-mms-turquoise font-bold" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+      <div class="my-4">
+      {{.Page.Summary}}
+      {{ if .Truncated }}
+      <a class="text-mms-turquoise" href="{{ .RelPermalink }}">Lire la suire ...</a>
+      {{ end }}
+      </div>
+    </article>
+    </a>
+    {{ end }}
+  </div>
+</div>
 {{ end }}

layouts/_default/single.html

@@ -1,8 +1,11 @@
 {{ define "main" }}
-<div class="m-auto max-w-6xl py-20 px-4">
-  <h1 class="text-2xl text-mms-nightblue font-bold">{{ .Title }}</h1>
+<div class="m-auto max-w-6xl px-4">
+{{ partial "breadcrumbs.html" . }}
+</div>
+<div class="m-auto max-w-6xl py-12 px-4">
   
   {{ if ne .Type "pages"}}
+  <h1 class="text-2xl text-mms-nightblue font-bold">{{ .Title }}</h1>
   {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
   {{ $dateHuman := .Date | time.Format ":date_long" }}
   <time class="text-mms-turquoise font-bold" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>