aboutsummaryrefslogtreecommitdiffstats
path: root/layouts/partials/image-gallery.html
diff options
context:
space:
mode:
authorOscar Najera <hi@oscarnajera.com>2025-01-06 08:17:59 +0100
committerOscar Najera <hi@oscarnajera.com>2025-01-06 08:17:59 +0100
commit63932c7be1ec12872f9409c5dfaf9bdfb0597620 (patch)
treedf189406dd9f8ad4c6676b7da5ca215c585e3ba6 /layouts/partials/image-gallery.html
parent08c15544a1a5c4dc36d0ba6c84b5ba65476b0687 (diff)
downloadhugo-minimalist-theme-63932c7be1ec12872f9409c5dfaf9bdfb0597620.tar.gz
hugo-minimalist-theme-63932c7be1ec12872f9409c5dfaf9bdfb0597620.tar.bz2
hugo-minimalist-theme-63932c7be1ec12872f9409c5dfaf9bdfb0597620.zip
Gallery to tailwind
Diffstat (limited to 'layouts/partials/image-gallery.html')
-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=""