52 lines
2.4 KiB
HTML
52 lines
2.4 KiB
HTML
{{ define "main" }}
|
|
<div class="m-auto max-w-6xl">
|
|
<div class="mx-auto 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">
|
|
{{ 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}}" />
|
|
<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">
|
|
<h2 class="text-2xl text-mms-nightblue text-center">Qu'est-ce que la Maison de la Mobilité Solidaire</h2>
|
|
<div class="mx-auto 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}}" />
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-10 bg-mms-nightblue"> </div>
|
|
|
|
<div class="m-auto my-16 max-w-6xl">
|
|
<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>
|
|
{{ end }}
|