45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
{{ define "styles"}}
|
|
{{ $customCSS := resources.Get "css/compagnie.css" | resources.ToCSS }}
|
|
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}">
|
|
{{ end }}
|
|
|
|
{{ define "content" }}
|
|
|
|
<div class="has-background-warning-light pt-6 px-6">
|
|
<section class="section mb-0 py-0 has-text-justified">
|
|
<h1 class="title is-size-1 has-text-weight-bold has-text-centered">{{ .Title }}</h1>
|
|
<p>{{ .Content}}</p>
|
|
</section>
|
|
<section class="section mb-0 pb-0">
|
|
<h2 class="is-size-3 mb-5 has-text-centered">{{ .Params.subtitle}}</h2>
|
|
<div class="columns is-justify-content-center ">
|
|
{{ range .Pages }}
|
|
<div class="column is-4" style="overflow:hidden;">
|
|
{{ $img := resources.GetMatch (print .File.Dir "/portrait.*") }}
|
|
{{ with $img}}
|
|
{{- $jpeg := .Resize "800x jpeg" }}
|
|
{{- $webp := .Resize "800x webp picture" }}
|
|
<figure class="image">
|
|
<picture>
|
|
<source srcset="{{ $webp.Permalink }}" type="image/webp">
|
|
<img src='{{ $jpeg.Permalink }}' loading="lazy" width="{{ $webp.Width }}" height="{{ $webp.Height }}" alt="{{ .Permalink }}">
|
|
</picture>
|
|
</figure>
|
|
{{ end }}
|
|
<p class="is-size-5"> {{ .Title }}</p>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
<section class="section">
|
|
{{ range .Pages }}
|
|
<div class="py-5 has-text-justified">
|
|
<h2 class="is-size-4 has-text-centered">{{ .Title }}</h2>
|
|
<p class="is-size-6">{{ .Content }}</p>
|
|
</div>
|
|
{{ end }}
|
|
</section>
|
|
</div>
|
|
|
|
|
|
{{ end }} |
