From b71cbb37efa6e1d78bc98dced790f9c924312108 Mon Sep 17 00:00:00 2001
From: GZod01 <gzod01@gzod01.fr>
Date: Sat, 11 May 2024 11:59:48 +0200
Subject: [PATCH] ready?

---
 layouts/index.html           |  3 +--
 layouts/partials/photos.html | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 layouts/partials/photos.html

diff --git a/layouts/index.html b/layouts/index.html
index 4d0445c..077bbc1 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -84,7 +84,7 @@
           <i class="fa fas fa-newspaper"></i>
           {{ .Site.Params.photos.last | safeHTML }}
         </h2>
-        <photos limit="4" />
+	{{ partial "photos.html" (dict "limit" 4) }}
         <div class="index-more-section">
           <a
             href="{{ relLangURL "/photos" }}"
@@ -108,6 +108,5 @@
       </div>
     </div>
   </div>
-        Index
 	</main>
 {{ end }}
diff --git a/layouts/partials/photos.html b/layouts/partials/photos.html
new file mode 100644
index 0000000..c1b054e
--- /dev/null
+++ b/layouts/partials/photos.html
@@ -0,0 +1,34 @@
+{{ $photos := (resources.Match "posts/*")}}  {{/*resources.ByType "image" */}}
+  <div class="transition-parent photos-list">
+      {{ if (or (eq $photos nil) (eq (len $photos) 0))}}
+      <div
+        class="transition-child section-error-container"
+        style="height: 100%;">
+        <div class="section-error-content">
+          <i class="fa fas fa-times-circle"></i>
+          {{ .Site.Params.photos.empty }}
+        </div>
+      </div>
+      {{ else }}
+      <div
+        class="photos-list-photos">
+	  {{ range $photos }}
+        <a
+	  style="background-image:url({{ .RelPermalink }});"
+	  title="{{ .Name }}"
+          class="photos-list-item"
+	  href="{{ .RelPermalink }}"
+	  target="_blank"
+        >
+        </a>
+	    {{ end  }}
+      </div>
+      {{ end }}
+    <no-ssr>
+      <vue-gallery-slideshow
+        :images="photosSlideShow"
+        :index="index"
+        @close="index = null"
+      ></vue-gallery-slideshow>
+    </no-ssr>
+  </div>