From 393e207ae95105643d0f2f9af73b17465a605185 Mon Sep 17 00:00:00 2001
From: Julien WITTOUCK <julien.wittouck@gmail.com>
Date: Thu, 22 Jan 2026 17:52:06 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20:=20add=20gallery=20partial?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/partials/photo-gallery.html | 40 ++++++++++++++++++++++
 layouts/partials/talks/event.html   | 52 +----------------------------
 2 files changed, 41 insertions(+), 51 deletions(-)
 create mode 100644 layouts/partials/photo-gallery.html

diff --git a/layouts/partials/photo-gallery.html b/layouts/partials/photo-gallery.html
new file mode 100644
index 0000000..7b7c0a1
--- /dev/null
+++ b/layouts/partials/photo-gallery.html
@@ -0,0 +1,40 @@
+{{/*
+Partial: photo-gallery
+Usage: {{ partial "photo-gallery" (dict "page" . "directory" "images" "id" "my-gallery") }}
+Usage shortcode: {{< photo-gallery directory="images" id="my-gallery" >}} ou {{< photo-gallery "images" "my-gallery" >}}
+- page: (obligatoire pour ressources de page) le contexte de la page (.)
+- directory: (optionnel) répertoire des images relatif à assets/ ou aux ressources de la page
+- id: (optionnel) ID HTML pour la galerie
+*/}}
+<div class="photo-gallery pswp-gallery" id="{{ with .id }}{{ . }}{{ else }}gallery{{ end }}">
+    {{ $images := slice }}
+    {{ if .directory }}
+        {{ $path := .directory }}
+        {{/* On essaie d'abord via resources.Match (pour les fichiers dans assets/) */}}
+        {{ $images = (resources.Match (printf "%s/*" $path)) }}
+        
+        {{/* Si on ne trouve rien et qu'on a un objet .page, on cherche dans les Page Resources */}}
+        {{ if and (not $images) .page }}
+            {{ $images = .page.Resources.Match (printf "%s/*" $path) }}
+        {{ end }}
+    {{ else if .page }}
+        {{ $images = .page.Resources.ByType "image" }}
+    {{ end }}
+
+    {{ range $images }}
+        {{ if (and (ne .MediaType.MainType "image") (ne .MediaType.SubType "svg")) }}
+            {{/* On ne traite que les images */}}
+        {{ else }}
+            {{ $thumbnail := . }}
+            {{ if ne .MediaType.SubType "svg" }}
+                {{ $thumbnail = .Fill "300x300" }}
+            {{ end }}
+            <a href="{{ .RelPermalink }}" 
+               data-pswp-width="{{ .Width }}" 
+               data-pswp-height="{{ .Height }}" 
+               target="_blank">
+                <img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Name }}" />
+            </a>
+        {{ end }}
+    {{ end }}
+</div>
diff --git a/layouts/partials/talks/event.html b/layouts/partials/talks/event.html
index ebe2a39..e6b6042 100644
--- a/layouts/partials/talks/event.html
+++ b/layouts/partials/talks/event.html
@@ -18,56 +18,6 @@
 
 {{ if .pictures }}
 <h2>Photos</h2>
-<div class="photo-gallery">
-  {{ $pageResources := $.Page.Resources }}
-  {{ $picturesDir := .pictures }}
-
-  {{ $images := $pageResources.Match (printf "%s/*" $picturesDir) }}
-
-  {{ $totalImages := len $images }}
-
-  {{ $remainingImages := len $images }}
-
-  <!-- first line, 3 images, always -->
-  <div class="gallery-row">
-    {{ range $image := first 3 $images }}
-    {{ $resized := $image.Resize "900x webp" }}
-    <img src="{{ $resized.RelPermalink }}" alt="{{ $image.Name }}" loading="lazy">
-
-    {{ $remainingImages = sub $remainingImages 1 }}
-
-    {{ end }}
-  </div>
-
-  {{ if lt $remainingImages 3 }}
-    <!-- show all remaining images on the last line-->
-    <div class="gallery-row">
-      {{ range $index, $image := last $remainingImages $images }}
-        {{ $resized := $image.Resize "900x webp" }}
-          <img src="{{ $resized.RelPermalink }}" alt="{{ $image.Name }}" loading="lazy">
-      {{ end }}
-    </div>
-  {{ else }}
-    <!-- show a single image -->
-    <div class="gallery-row">
-      {{ range $index, $image := slice (index $images 3) }}
-        {{ $resized := $image.Resize "900x webp" }}
-        <div class="gallery-item">
-          <img src="{{ $resized.RelPermalink }}" alt="{{ $image.Name }}" loading="lazy">
-        </div>
-      {{ end }}
-      {{ $remainingImages = sub $remainingImages 1 }}
-    </div>
-    <!-- show all remaining images on the last line-->
-    <div class="gallery-row">
-      {{ range $index, $image := after 4 $images }}
-        {{ $resized := $image.Resize "900x webp" }}
-        <div class="gallery-item">
-          <img src="{{ $resized.RelPermalink }}" alt="{{ $image.Name }}" loading="lazy">
-        </div>
-      {{ end }}
-    </div>
-  {{ end }}
-  </div>
+{{ partial "photo-gallery" (dict "page" $.Page "directory" .pictures "id" "gallery" ) }}
 {{ end }}
 {{ end }}
-- 
2.51.2