les figures resizent automatiquement les images et les convertissent en webp

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 !

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 }}>

readMe.md

@@ -1,14 +1,34 @@
 # Mon blog / site perso
 
-# Todo
+# Minimum viable blog
 
+## Page d'accueil
+- [ ] Lien flux rss en bas de page
+- [ ] Resize scrolling posts pour écrans fullhd x1.25
+
+## 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
+- [ ] Ecrire contact page
+- [ ] ecrire à propos page
+
+## Autres
+- [ ] réhéberger TPE & PEM2T (et autres trucs chez OVH) en local
+- [ ] make it so the 404 page works
+- [ ] mettre une favicon
+- [ ] Mettre en forme flux RSS
+
+# Would be nice
 ## Page d'accueil
 
 - [ ] Mettre "une machie au pif" avec du javascript qui en tire une au hazard
 - [ ] si pas d'image de cover dans un article, la box doit réagir (ajdh elle ne s'affiche pas du tout)
-- [ ] Lien flux rss en bas de page
-### Scrolling posts
 
+### Scrolling posts
 - [x] add a blur to backgound images of scrolling posts
 - [x] Optimiser les images de la page d'accueil
 - [x] sur la page principale, ne load que les X derniers articles dans les bandes défilantes 
@@ -18,35 +38,27 @@
 - [ ] Faire le blur avec du css et non le trautement d'image HUgo
 
 ## Galleries
-
 - [x] fix le nouveau shortcode "gallery"
-- [ ] 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
+- [ ] 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
-
 - [ ] Ecrire blogroll
-- [ ] Ecrire contact page
-- [ ] ecrire à propos page
 - [ ] Ajouter un colophon
 
 ## Livres
-
 - [ ] Créer une infobox
 - [ ] Choper automatiquement les infos pour le livre en partant de l'ISBN
 
 ## Collection
-
 - [x] changer l'affichage des machines à écrire dans colleciton en grid, avec le titre et une image
 - [ ] finir de créer le contenu de l'encadré de fiche technique pour les màe
 - [ ] afficher l'encadré à droite de la page, avec le reste du texte qui s'organise autour (comme dans word)
-    - [ ] la infobox est dans le layout single spécifique à la collection, reste à mettre le css pour que tout s'affiche bien
 - [ ] pouvoir trier les machines par les paramètres de l'encadré sur la page de liste
 - [ ] Rendre adaptatifs au theme les encadrés de machines
 - [ ] Mettre un traitement pour les images dans l'encadré
 
 ## Decap CMS
-
 - [x] Faire fonctionner l'auth avec forgejo
 - [ ] Configurer decap CMS pour qu'il affiche les posts
 - [ ] fonctionne avec les page bundles
@@ -55,10 +67,6 @@
 - [ ] Configurer les galleries dans Decap CMS
 
 ## Autres
-
-- [ ] réhéberger TPE & PEM2T (et autres trucs chez OVH) en local
-- [ ] make it so the 404 page works
-
 - [ ] Mis à jour la dernière fois le
 
 - [ ] Ajouter des catégories aux articles et une liste de catégories sur page accueil
@@ -67,7 +75,6 @@
 - [x] Réparer le bouton de thème
 - [ ] Dates en francais ou en ISO8601
 
-- [ ] Mettre en forme flux RSS
 
 - [x] Mettre le meme menu sur toutes les pages
 - [ ] Rendre le menu caché dans un hamburger sur mobile