feat: Add CSS animations and image lightbox

2026-02-17 18:29:09 +01:00
parent 589ca7b58e
commit a781249c1a
4 changed files with 72 additions and 3 deletions
--- a/default.hbs
+++ b/default.hbs
@@ -19,6 +19,11 @@
        {{> footer}}
    </div>

+    <div id="lightbox" class="hidden fixed inset-0 bg-black bg-opacity-80 z-50 flex items-center justify-center">
+        <button id="lightbox-close" class="absolute top-4 right-4 text-white text-3xl">&times;</button>
+        <img id="lightbox-image" src="" alt="Lightbox image" class="max-w-full max-h-full">
+    </div>
+
    {{ghost_foot}}
    <script src="{{asset "js/main.js"}}"></script>
 </body>