floating home button on gallery page

This commit is contained in:
Karl 2025-05-17 11:38:23 +01:00
parent 9d60135ab5
commit 1abba32f18

View File

@ -102,10 +102,13 @@
margin-top: 20px; margin-top: 20px;
} }
.button-group { /* Back button fixed top right */
display: flex; .home-button {
justify-content: center; position: fixed;
margin-top: 2rem; top: 20px;
right: 20px;
z-index: 500;
/* lower than lightbox (999) */
} }
.button-link { .button-link {
@ -166,15 +169,13 @@
</head> </head>
<body> <body>
<a href="/" class="button-link home-button">Home</a>
<h1>Image Archive</h1> <h1>Image Archive</h1>
<!-- Empty gallery container; images will be loaded incrementally --> <!-- Empty gallery container; images will be loaded incrementally -->
<div class="gallery" id="gallery"></div> <div class="gallery" id="gallery"></div>
<div class="button-group">
<a href="/" class="button-link">Back</a>
</div>
<!-- Lightbox --> <!-- Lightbox -->
<div class="lightbox" id="lightbox"> <div class="lightbox" id="lightbox">
<span class="close" onclick="closeLightbox()">&times;</span> <span class="close" onclick="closeLightbox()">&times;</span>