GARAGENUM/ltqf
15
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases 1 Wiki Activity

smaller images in spectacles
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Carmen Ngaka Iziasuma 2024-01-26 16:22:58 +01:00
parent 4929c9db8f
commit 7f28c88720
1 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
layouts/spectacles/list.html
View File

@ -22,26 +22,22 @@
{{- $jpegs := .Fill "240x145 jpeg" }}
{{- $jpegm := .Fill "320x193 jpeg" }}
{{- $jpegl := .Fill "427x257 jpeg" }}
{{- $jpegxl := .Fill "640x386 jpeg" }}
{{- $webpxs := .Fill "170x102 webp picture" }}
{{- $webps := .Fill "240x145 webp picture" }}
{{- $webpm := .Fill "320x193 webp picture" }}
{{- $webpl := .Fill "427x257 webp picture" }}
{{- $webpxl := .Fill "640x386 webp picture" }}
<figure class="image is-5by3">
<picture>
<source type="image/webp"
srcset="{{ $webpxs.Permalink }} {{ $webpxs.Width}}w,
{{ $webps.Permalink }} {{ $webps.Width}}w,
{{ $webpm.Permalink }} {{ $webpm.Width}}w,
{{ $webpl.Permalink }} {{ $webpl.Width}}w,
{{ $webpxl.Permalink }} {{ $webpxl.Width}}w"
sizes="(max-width: 767px) 640px,
(max-width: 1023px) 170px,
(max-width: 1439px) 240px,
(max-width: 1919px) 320px,
(max-width: 2559px) 427px,
640px">
{{ $webpl.Permalink }} {{ $webpl.Width}}w"
sizes="(max-width: 767px) 427px,
(max-width: 1439px) 170px,
(max-width: 1919px) 240px,
(max-width: 2559px) 320px,
427px">
<img loading="lazy"
src="{{ $jpegm.Permalink }}"
width="{{ $jpegm.Width }}"
@ -50,14 +46,11 @@
srcset="{{ $jpegxs.Permalink }} {{ $jpegxs.Width}}w,
{{ $jpegs.Permalink }} {{ $jpegs.Width}}w,
{{ $jpegm.Permalink }} {{ $jpegm.Width}}w,
{{ $jpegl.Permalink }} {{ $jpegl.Width}}w,
{{ $jpegxl.Permalink }} {{ $jpegxl.Width}}w"
sizes="(max-width: 767px) 640px,
(max-width: 1023px) 170px,
(max-width: 1439px) 240px,
(max-width: 1919px) 320px,
(max-width: 2559px) 427px,
640px">
{{ $jpegl.Permalink }} {{ $jpegl.Width}}w"
sizes="(max-width: 1439px) 170px,
(max-width: 1919px) 240px,
(max-width: 2559px) 320px,
427px">
</picture>
{{ end }}
<div class="overlay">