38 lines
1.7 KiB
HTML
38 lines
1.7 KiB
HTML
{{ define "styles"}}
|
|
{{ $customCSS := resources.Get "css/spectacles.css" | resources.ToCSS }}
|
|
<link rel="stylesheet" href="{{ $customCSS.RelPermalink }}">
|
|
{{ end }}
|
|
|
|
|
|
{{ define "content" }}
|
|
|
|
<section style="height: 100vh;">
|
|
<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">
|
|
{{ range .Pages.ByDate.Reverse }}
|
|
|
|
<div class="column is-one-quarter">
|
|
<a href="{{ .Permalink|relURL }}">
|
|
{{ $img := resources.GetMatch (print .File.Dir "/principal*") }}
|
|
{{ with $img }}
|
|
{{- $jpeg := .Resize "600x jpeg" }}
|
|
{{- $webp := .Resize "600x webp picture" }}
|
|
<figure class="image is-5by3">
|
|
<picture>
|
|
<source srcset="{{ $webp.Permalink }}" type="image/webp">
|
|
<img src="{{ $jpeg.Permalink }}" loading="lazy" width="{{ $webp.Width }}" height="{{ $webp.Height }}" alt="{{ .Permalink }}">
|
|
</picture>
|
|
{{ end }}
|
|
<div class="overlay">
|
|
<span class="has-text-black is-size-3-mobile is-size-5-tablet is-size-3-widescreen">{{ .Title }}</span>
|
|
</div>
|
|
</figure>
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
{{ end }} |
