Karl/ai-frame-image-server
1
0
Fork 0
mirror of https://github.com/karl0ss/ai_image_frame_server.git synced 2025-06-20 07:19:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

floating home button on gallery page

Browse Source
This commit is contained in:
Karl 2025-05-17 11:38:23 +01:00
parent 9d60135ab5
commit 1abba32f18
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
templates/gallery.html
View File

@ -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');