From 1abba32f18dff67da34a38781152f38c2caf8fc6 Mon Sep 17 00:00:00 2001
From: Karl <karl@k-world.me.uk>
Date: Sat, 17 May 2025 11:38:23 +0100
Subject: [PATCH] floating home button on gallery page

---
 templates/gallery.html | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/templates/gallery.html b/templates/gallery.html
index 0e562ee..148379f 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -102,10 +102,13 @@
             margin-top: 20px;
         }
 
-        .button-group {
-            display: flex;
-            justify-content: center;
-            margin-top: 2rem;
+        /* Back button fixed top right */
+        .home-button {
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            z-index: 500;
+            /* lower than lightbox (999) */
         }
 
         .button-link {
@@ -166,15 +169,13 @@
 </head>
 
 <body>
+    <a href="/" class="button-link home-button">Home</a>
+
     <h1>Image Archive</h1>
 
     <!-- Empty gallery container; images will be loaded incrementally -->
     <div class="gallery" id="gallery"></div>
 
-    <div class="button-group">
-        <a href="/" class="button-link">Back</a>
-    </div>
-
     <!-- Lightbox -->
     <div class="lightbox" id="lightbox">
         <span class="close" onclick="closeLightbox()">&times;</span>
@@ -198,7 +199,7 @@
         const batchSize = 6; // images to load per batch
         let loadedCount = 0;
         let currentIndex = 0;
-        const detailsCache = {};  // Cache for image details
+        const detailsCache = {}; // Cache for image details
 
         function createImageElement(image) {
             const img = document.createElement('img');
