{{ define "main" }}
<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}}" 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>
    </a>
  {{ end }}
  </div>
</div>

<div class="m-auto my-16 max-w-6xl">
  <div class="mx-4">
    <h2 class="text-2xl text-mms-nightblue text-center">Qu'est-ce que la Maison de la Mobilité Solidaire</h2>
    <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 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
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>
</div>

<div class="h-10 bg-mms-nightblue">&nbsp;</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 where site.RegularPages "Section" "articles" }}
    <a href="{{.Page.RelPermalink}}">
    <article class="my-16">
      <h3 class="text-xl text-mms-nightblue font-bold">{{.Page.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 }}