albumen.git/public/js/album.js, branch v1.1

Add photo counts, EXIF details, video duration badges, slideshow launcher UI

2026-05-12T14:45:00+00:00

- Album cards show recursive photo count (bubbles up through sub-albums).
- Lightbox info panel shows camera, aperture, shutter speed, and ISO;
  update.rb now extracts and stores these EXIF fields.
- Video thumbnail cards show a duration badge (e.g. "1:23").
- Slideshow launcher redesigned: button on its own line, with Shuffle /
  Full screen / Interval options on a second line, all inside a rounded
  border to make the grouping clear.
- Fixed album-actions alignment so Interval sits level with the checkboxes.

Co-Authored-By: Claude Sonnet 4.6

Move slideshow interval control to album page; fix mobile viewport clipping

2026-05-12T12:33:17+00:00

- Interval input (default 5 s) now lives beside Shuffle/Full screen on
  the album page; passed as ?interval= param to the slideshow and seeded
  into the hidden ss-interval input on load.
- Added "Interval" label text next to the input.
- Fixed slideshow controls being pushed off-screen on mobile by using
  100dvh (dynamic viewport height) with 100vh as a fallback, so the
  layout accounts for mobile browser chrome.

Co-Authored-By: Claude Sonnet 4.6

Fix OG image previews: use ?photo= param so server can set correct og:image

2026-05-11T18:35:57+00:00

Co-Authored-By: Claude Sonnet 4.6

Always show filename in lightbox info panel

2026-05-11T11:28:39+00:00

Co-Authored-By: Claude Sonnet 4.6

Limit slideshow to filtered albums when search filter is active

2026-05-11T05:43:28+00:00

Co-Authored-By: Claude Sonnet 4.6

Add slideshow: root-level, shuffle, fullscreen, click-to-album

2026-05-10T14:38:04+00:00

- Root slideshow: all_media_entries walks the full media tree so
  /slideshow/ shows every photo across all albums; Slideshow button
  always appears on the root album page
- Shuffle and Full screen checkboxes sit next to the Slideshow button
  on the album page; options pass as ?shuffle=1&fullscreen=1 URL params
- Fullscreen uses a tap-to-activate overlay (browsers block auto-entry
  on page load); webkit-prefixed for Safari; ⛶ button and F key for
  mid-session toggle
- Fullscreen mode hides controls, counter, caption bar, and site header
- Exiting fullscreen auto-pauses so the current photo stays visible
- Click/tap anywhere in the stage navigates to the photo's album
  lightbox; reads the live src attribute instead of ssIdx to avoid a
  race where ssIdx advances during the cross-fade while the old photo
  is still on screen
- layout.erb excluded from slideshow (layout: false) so the site header
  never appears there
- CSS cache-busted with ?v=2

Co-Authored-By: Claude Sonnet 4.6

Fix taken_at timezone: store and display as camera local time

2026-05-09T15:53:18+00:00

EXIF DateTimeOriginal has no timezone — it's the camera's wall clock.
Storing it via .iso8601 attached +00:00 (server TZ), causing browsers
to shift the time to their local zone when parsing. Switch to
strftime('%Y-%m-%dT%H:%M:%S') so no offset is written. JS strips any
existing +00:00 suffix from already-stored values so old data is also
displayed correctly.

Co-Authored-By: Claude Sonnet 4.6

Add info overlay to lightbox showing photo metadata

2026-05-09T15:50:10+00:00

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

Add live album filter search box

2026-05-09T15:39:34+00:00

Typing in the search box instantly hides non-matching album cards.
Shown only when an album has more than 4 sub-albums (no point otherwise).
Pure client-side — no server round-trips.

Co-Authored-By: Claude Sonnet 4.6

Initial commit — Albumen photo album

2026-05-09T04:41:03+00:00

Ruby/Sinatra self-hosted photo album with directory hierarchy,
per-photo captions and visibility, lightbox, slideshow, admin UI,
and Let's Encrypt HTTPS via Apache reverse proxy on prouter.

Co-Authored-By: Claude Sonnet 4.6