From ff9c90f68ba28ca41b1c5443ab15ca9c269dd334 Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <admin@bengoldsworthy.net>
Date: Mon, 5 May 2025 21:27:09 +0200
Subject: [PATCH] feat: video galleries

---
 assets/css/components/_gallery.scss | 14 +++++++++
 layouts/shortcodes/gallery.html     | 49 ++++++++++++++++++-----------
 2 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/assets/css/components/_gallery.scss b/assets/css/components/_gallery.scss
index 41867c4..fed3b63 100644
--- a/assets/css/components/_gallery.scss
+++ b/assets/css/components/_gallery.scss
@@ -9,4 +9,18 @@
     grid-column-end: -1;
     grid-column-start: 1;
   }
+
+  & .figure {
+    margin-trim: unset;
+
+    @supports not (margin-trim: block) {
+      &:first-child {
+        margin-block-start: 16px;
+      }
+
+      &:last-child {
+        margin-block-end: unset;
+      }
+    }
+  }
 }
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index 60673b4..8f7f9f8 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -10,32 +10,43 @@
   
 	{{- with (.Get "dir") -}}
 		<!-- If a directory was specified, generate figures for all of the images in the directory -->
-		{{- $images := $.Page.Resources.Match ( print . "/*" ) }}
-		{{- range $images -}}
+		{{- $resources := $.Page.Resources.Match ( print . "/*" ) }}
+		{{- range $resources -}}
 			{{- $caption :=  .Name | replaceRE "\\..*" "" | humanize }}<!-- humanized filename without extension -->
 			{{- $linkURL := print $.Page.Permalink ($.Get "dir") "/" .Name | absURL }}<!-- absolute URL to hi-res image -->
 		  <figure class="figure gallery__figure" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
 		    <a href="{{ .RelPermalink }}" itemprop="contentUrl">
-		      <picture class="figure__picture"
+          {{- if eq .ResourceType "image" -}}
+		        <picture class="figure__picture"
                  itemprop="image">
-	          <img itemprop="thumbnail" 
-	               class="u-photo gallery__thumbnail"
-                {{ if ( or ( eq .MediaType.SubType "svg" ) ( eq .MediaType.SubType "gif" ) ) }}
-                  src="{{ .RelPermalink }}"
-                {{ else }}
-                  {{ with .Resize "600x webp" }}
+              <img itemprop="thumbnail" 
+                  class="u-photo gallery__thumbnail"
+                  {{ if ( or ( eq .MediaType.SubType "svg" ) ( eq .MediaType.SubType "gif" ) ) }}
                     src="{{ .RelPermalink }}"
+                  {{ else }}
+                    {{ with .Resize "600x webp" }}
+                      src="{{ .RelPermalink }}"
+                    {{ end }}
+                    width="{{ .Width }}"
+                    height="{{ .Height }}"
                   {{ end }}
-                  width="{{ .Width }}"
-                  height="{{ .Height }}"
-                {{ end }}
-                {{- with .Params.alt }}
-                  alt="{{ . }}"
-                {{- end -}}
-                {{- with .Params.title }} title="{{ . }}" {{ end -}}
-                loading="lazy"
-            >
-		      </picture>
+                  {{- with .Params.alt }}
+                    alt="{{ . }}"
+                  {{- end -}}
+                  {{- with .Params.title }} title="{{ . }}" {{ end -}}
+                  loading="lazy"
+              >
+		        </picture>
+            {{- else if eq .ResourceType "video" -}}
+                    {{- if eq .MediaType "video/ogg" -}}  
+                      {{- partial "media/audio.html" . -}}
+
+                    {{- else -}}
+                    {{- partial "media/video.html" ( dict "src" . "page_file_path" $.Page.File.Path ) -}}
+                    {{- end -}}
+                  {{- else if ( or ( ne .ResourceType "image" ) ( ne .ResourceType "video" ) ) -}}
+                    {{- errorf "No handling for resource of type %q" .ResourceType -}}
+                  {{- end -}}
 		    </a>
 		    {{- if or ( .Params.title ) ( .Params.attr ) -}}
         <figcaption class="figure__caption{{ if not .Params.title }} figure__caption--no-height{{ end }}">