From 63932c7be1ec12872f9409c5dfaf9bdfb0597620 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Mon, 6 Jan 2025 08:17:59 +0100
Subject: Gallery to tailwind

---
 layouts/partials/image-gallery.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'layouts/partials')

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=""
-- 
cgit v1.2.3