From 2695d079499b87ff80b7a7ba49ee25812db87b38 Mon Sep 17 00:00:00 2001
From: gribse <achille.toupin@gadz.org>
Date: Tue, 6 May 2025 22:31:56 +0200
Subject: [PATCH] les figures resizent automatiquement les images et les
 convertissent en webp

---
 content/collection/remington-portable/index.md | 2 +-
 layouts/shortcodes/figure.html                 | 6 +++++-
 readMe.md                                      | 7 +++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/content/collection/remington-portable/index.md b/content/collection/remington-portable/index.md
index 10cf317..bbac899 100644
--- a/content/collection/remington-portable/index.md
+++ b/content/collection/remington-portable/index.md
@@ -51,7 +51,7 @@ Pour qu'elle soit si compacte, il a été décidé de ne pas inclure de levier d
 
 Quand on part en voyage, on peut l'emporter dans sa boîte de rangement en bois :
 
-{{< figure src="images/2025-04-21-19-29-35-249.jpg" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
+{{< figure src="images/2025-04-21-19-29-35-249.jpg" size="600" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
 
 
 # Ancienne !
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html
index 01a5046..d1649e1 100644
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@@ -8,7 +8,11 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
 {{- $.Page.Scratch.Add "figurecount" 1 -}}
 <!-- use either src or link-thumb for thumbnail image -->
 {{- $thumb := .Get "src" | default (printf "%s." (.Get "thumb") | replace (.Get "link") ".") }}
-{{- $thumbResource := $.Page.Resources.Get $thumb }}
+{{- $thumbResource := $.Page.Resources.GetMatch $thumb }}
+{{- $fitSize := .Get "size" | default "400" }}
+{{- if $thumbResource }}
+  {{- $thumbResource = $thumbResource.Fit (printf "%[1]sx%[1]s webp q85" $fitSize) -}}
+{{- end }}
 <div class="box{{ with .Get "caption-position" }} fancy-figure caption-position-{{.}}{{end}}{{ with .Get "caption-effect" }} caption-effect-{{.}}{{end}}" {{ with .Get "width" }}style="max-width:{{.}}"{{end}}>
   <figure {{ with .Get "class" }}class="{{.}}"{{ end }} itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <div class="img"{{ if .Parent }} style="background-image: url('{{ if $thumbResource }}{{ $thumbResource.RelPermalink }}{{ else }}{{ $thumb | relURL }}{{ end }}');"{{ end }}{{ with .Get "size" }} data-size="{{.}}"{{ end }}>
diff --git a/readMe.md b/readMe.md
index b70a7f9..7b234ad 100644
--- a/readMe.md
+++ b/readMe.md
@@ -6,8 +6,10 @@
 - [ ] Lien flux rss en bas de page
 - [ ] Resize scrolling posts pour écrans fullhd x1.25
 
-## Galleries
-- [ ] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
+## Galleries / figures
+- [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
+- [ ] Un clic sur une image l'ouvre en grand
+- [ ] La taille de l'image est un paramètre du shortcode
 - [ ] revoir le css des galleries pour le rendre moins moche
 
 ## Contenu
@@ -37,6 +39,7 @@
 
 ## Galleries
 - [x] fix le nouveau shortcode "gallery"
+- [ ] Une figure qui s'affiche en plus petit que la taille par défaut de 400px sur une page doit etre générée à cette taille uniquement 
 
 
 ## Contenu