aboutsummaryrefslogtreecommitdiffstats
path: root/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'layouts')
-rw-r--r--layouts/partials/image-gallery.html10
1 files changed, 5 insertions, 5 deletions
diff --git a/layouts/partials/image-gallery.html b/layouts/partials/image-gallery.html
index 943370c..3825f16 100644
--- a/layouts/partials/image-gallery.html
+++ b/layouts/partials/image-gallery.html
@@ -1,22 +1,22 @@
{{ with .Params.album }}
- <section class="gallery">
+ <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="gallery__item">
+ <div class="">
<input
type="radio"
id="img-{{ $id }}"
checked
name="gallery"
- class="gallery__selector"
+ class="absolute hidden"
/>
<img
- class="gallery__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="gallery__thumb">
+ <label for="img-{{ $id }}" class="block m-2 p-2">
<img
src="{{ (.Fill "150x100").RelPermalink }}"
alt=""