website

commit ae4ef5d5729cd220da82a931095644e84d17a0cb
parent e091322d203a75dcfcb062c4baf80f86121ecad8
Author: Adriel Dumas--Jondeau <leirda@disroot.org>
Date:   Sun, 23 Jun 2024 16:54:37 +0200

Ajoute un défilement vertical sur la galerie

Diffstat:
M
css/duper.css
 | 
11
+++++++++++
M
haunt.scm
 | 
5
+++++

2 files changed, 16 insertions(+), 0 deletions(-)
diff --git a/css/duper.css b/css/duper.css
@@ -172,4 +172,15 @@ figcaption {
     border-bottom-right-radius: var(--rounded);
 }
 
+.media-container {
+    display: flex;
+    flex-flow: row nowrap;
+    padding: 0;
+    list-style-type: none;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+}
+
+.media-container li {
+    scroll-snap-align: start;
 }
diff --git a/haunt.scm b/haunt.scm
@@ -94,6 +94,10 @@
 		("https://creativecommons.org/licenses/by-sa/4.0/"
 		 . "la licence CC BY-SA"))))))
 
+(define (duper-gallery-template post medias)
+  `((h2 ,(post-title post))
+    (ul (@ (class "media-container")) ,@(map (lambda (media) `(li ,media)) medias))))
+
 (define duper-theme
   (theme #:name "duper"
 	 #:layout duper-layout
@@ -120,6 +124,7 @@
 	(atom-feed #:subtitle "Évènements au duché perché"
 		   #:blog-prefix event-prefix)
 	(gallery #:file-name "/photos.html"
+		 #:section-template duper-gallery-template
 		 #:template (theme-layout duper-theme))
 	(flat-pages "pages"
 		    #:template (theme-layout duper-theme))