From b1ffa9050e63329ac72cfc9cca5b44800984e34c Mon Sep 17 00:00:00 2001
From: Ken D'Ambrosio <ken@jots.org>
Date: Sat, 9 May 2026 15:50:10 +0000
Subject: Add info overlay to lightbox showing photo metadata
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tap "ℹ Info" in the caption bar to toggle a semi-transparent panel at
the bottom of the image showing filename (if different from title),
date taken, and pixel dimensions. Panel resets to hidden on each
photo change. Button is hidden automatically when no metadata is
available. Width/height are now included in the ENTRIES payload.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 views/album.erb | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'views/album.erb')

diff --git a/views/album.erb b/views/album.erb
index bee779a..961b26a 100644
--- a/views/album.erb
+++ b/views/album.erb
@@ -82,6 +82,9 @@
       <audio  id="lb-audio" controls class="hidden"></audio>
       <button class="lb-btn lb-prev" onclick="lbNav(-1)" aria-label="Previous">‹</button>
       <button class="lb-btn lb-next" onclick="lbNav(1)"  aria-label="Next">›</button>
+      <div id="lb-info-panel" class="lb-info hidden">
+        <dl id="lb-info-dl"></dl>
+      </div>
     </div>
   </div>
   <div class="lb-caption-bar">
@@ -89,6 +92,7 @@
     <span id="lb-caption"></span>
     <a id="lb-download" href="" download class="btn btn-sm lb-action">↓ Original</a>
     <button id="lb-copylink" onclick="lbCopyLink()" class="btn btn-sm lb-action">⧉ Copy link</button>
+    <button id="lb-info-btn" onclick="lbToggleInfo()" class="btn btn-sm lb-action">ℹ Info</button>
     <span id="lb-counter"></span>
   </div>
 </div>
-- 
cgit v1.2.3