add xs
This commit is contained in:
parent
bd0052c44a
commit
06104fb29b
@ -20,7 +20,8 @@ credits:
|
||||
actu: "Spectacle tout terrain, soutenu par le TNB, continue sa tournée en Région Bretagne et en démarre une nouvelle en Île de France, produit par La Colline-théâtre national..."
|
||||
dates:
|
||||
- "En janvier 2024":
|
||||
- "le 23 au Théâtre de la Colline (Paris 20) - Salle des Prairies 1"
|
||||
- "le 22 au lycée Jean Zay (Aulnay-sous-Bois)"
|
||||
- "le 23 à la Maison de la Vague (Paris 20) - Salle des Prairies 1 (Théâtre de la Colline)"
|
||||
- "le 27 à la bibliothèque Marguerite Duras (Paris 20)"
|
||||
- "le 29 au lycée Martin Nadaud (Paris 20)"
|
||||
- "le 30 au lycée Maurice Ravel (Paris 20)"
|
||||
|
||||
@ -8,10 +8,12 @@
|
||||
<div id="galerie" class="carousel">
|
||||
{{ $carouselImages := resources.Match "carousel/*"}}
|
||||
{{ range $index, $image := $carouselImages }}
|
||||
{{- $jpegxs := $image.Resize (printf "%dx jpeg q%d" 768 75) }}
|
||||
{{- $jpegs := $image.Resize (printf "%dx jpeg q%d" 1024 75) }}
|
||||
{{- $jpegm := $image.Resize (printf "%dx jpeg q%d" 1440 75) }}
|
||||
{{- $jpegl := $image.Resize (printf "%dx jpeg q%d" 1920 75) }}
|
||||
{{- $jpegxl := $image.Resize (printf "%dx jpeg q%d" 2560 75) }}
|
||||
{{- $webpxs := $image.Resize (printf "%dx webp q%d picture" 768 75) }}
|
||||
{{- $webps := $image.Resize (printf "%dx webp q%d picture" 1024 75) }}
|
||||
{{- $webpm := $image.Resize (printf "%dx webp q%d picture" 1440 75) }}
|
||||
{{- $webpl := $image.Resize (printf "%dx webp q%d picture" 1920 75) }}
|
||||
@ -19,11 +21,13 @@
|
||||
<figure class="image">
|
||||
<picture>
|
||||
<source type="image/webp"
|
||||
srcset="{{ $webps.Permalink }} {{ $webps.Width }}w,
|
||||
srcset="{{ $webpxs.Permalink }} {{ $webps.Width }}w,
|
||||
{{ $webps.Permalink }} {{ $webps.Width }}w,
|
||||
{{ $webpm.Permalink }} {{ $webpm.Width }}w,
|
||||
{{ $webpl.Permalink }} {{ $webpl.Width }}w,
|
||||
{{ $webpxl.Permalink }} {{ $webpl.Width }}w"
|
||||
sizes="(max-width: 1023px) 100vw,
|
||||
sizes="(max-width: 767x) 100vw,
|
||||
(max-width: 1023px) 768px,
|
||||
(max-width: 1439px) 1024px,
|
||||
(max-width: 1919px) 1440px,
|
||||
(max-width: 2559px) 1920px,
|
||||
@ -32,11 +36,13 @@
|
||||
width="{{ $jpegxl.Width }}"
|
||||
height="{{ $jpegxl.Height }}"
|
||||
{{ if ne $index 0 }} loading="lazy" {{ end }}
|
||||
srcset="{{ $jpegs.Permalink }} {{ $jpegs.Width }}w,
|
||||
srcset="{{ $jpegxs.Permalink }} {{ $jpegs.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: 1023px) 100vw,
|
||||
sizes="(max-width: 767px) 100vw,
|
||||
(max-width: 1023px) 768px,
|
||||
(max-width: 1439px) 1024px,
|
||||
(max-width: 1919px) 1440px,
|
||||
(max-width: 2559px) 1920px,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user