diff options
Diffstat (limited to 'layouts/partials/image-gallery.html')
| -rw-r--r-- | layouts/partials/image-gallery.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/layouts/partials/image-gallery.html b/layouts/partials/image-gallery.html new file mode 100644 index 0000000..3825f16 --- /dev/null +++ b/layouts/partials/image-gallery.html @@ -0,0 +1,30 @@ +{{ with .Params.album }} + <section class="gallery flex relative my-3 mx-auto"> + {{ range $id, $val := readDir (printf "/assets/media/albums/%s" (string .)) }} + {{ with resources.Get (printf "media/albums/%s/%s" $.Params.album $val.Name) }} + <div class=""> + <input + type="radio" + id="img-{{ $id }}" + checked + name="gallery" + class="absolute hidden" + /> + <img + class="transition-opacity duration-300 absolute top-0 left-0 opacity-0" + src="{{ (.Fill "1152x768").RelPermalink }}" + alt="" + loading="lazy" + /> + <label for="img-{{ $id }}" class="block m-2 p-2"> + <img + src="{{ (.Fill "150x100").RelPermalink }}" + alt="" + loading="lazy" + /> + </label> + </div> + {{ end }} + {{ end }} + </section> +{{ end }} |