c0c89c816c
All checks were successful
Publish To Prod / deploy_and_publish (push) Successful in 1m35s
68 lines
3.1 KiB
HTML
68 lines
3.1 KiB
HTML
{{ define "main" }}
|
||
<div class="m-auto p-4 max-w-6xl">
|
||
<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 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>
|
||
<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}}" />
|
||
</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>
|
||
<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>
|
||
|
||
<div class="h-10 bg-mms-nightblue"> </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 }}
|