correct some

This commit is contained in:
Florian du Garage Num 2023-12-01 16:47:27 +01:00
parent 275173cb97
commit 3c7c969838
2 changed files with 16 additions and 18 deletions

View File

@ -19,28 +19,26 @@
<section class="section has-background-black">
<h2 class="is-size-3 has-text-white has-text-centered pb-3">{{ .Params.Subtitle }}</h2>
{{ range .Pages }}
<div class="box">
<div class="box has-background-warning-light">
<div class="columns">
<div class="column is-flex is-flex-direction-column is-justify-content-center is-half">
<div class="column is-half is-flex is-flex-direction-column is-justify-content-center is-half">
<h2 class="subtitle mb-3">{{ .Title }}</h2>
<div class="block">{{ .Content }}</div>
</div>
<div class="column is-half">
{{ $img := resources.GetMatch (print .File.Dir "/illustration.*") }}
{{ with $img }}
{{- $jpeg := .Resize (printf "%dx%d jpeg" .Width .Height) }}
{{- $webp := .Resize (printf "%dx%d webp picture" .Width .Height) }}
<figure class="image is-flex" style="max-width: 100%; max-height: 40vh; width: auto;">
<picture>
<source srcset="{{ $webp.Permalink }}" type="image/webp">
<img src='{{ $jpeg.Permalink }}' loading="lazy" width="{{ .Width }}" height="{{ .Height }}" alt="{{ .Permalink }}" style="max-width: 100%; max-height: 100%; width: auto;">
</picture>
</figure>
{{ end }}
</div>
</div>
<div class="column is-half has-background-black">
<div class="box has-background-warning-light is-flex is-flex-direction-column is-justify-content-center" style="height: 40vh;">
{{ $img := resources.GetMatch (print .File.Dir "/illustration.*") }}
{{ with $img }}
{{- $jpeg := .Resize (printf "%dx%d jpeg" .Width .Height) }}
{{- $webp := .Resize (printf "%dx%d webp picture" .Width .Height) }}
<figure class="image is-flex is-justify-content-center" style="max-width: 100%; max-height: 100%; width: auto;">
<picture>
<source srcset="{{ $webp.Permalink }}" type="image/webp">
<img src='{{ $jpeg.Permalink }}' loading="lazy" width="{{ .Width }}" height="{{ .Height }}" alt="{{ .Permalink }}" style="max-width: 100%; max-height: 100%; width: auto;">
</picture>
</figure>
{{ end }}
</div>
</div>
</div>
{{ end}}
</section>

View File

@ -6,7 +6,7 @@
{{ define "content" }}
<section style="height: 100vh;">
<section>
<h1 class="title is-size-1 has-text-weight-bold has-text-centered mt-6 mb-0">{{ .Title }}</h1>
<section class="section">
<div class="columns is-multiline">