feat(photos): adaptive aspect ratio per entry (portrait 4:5, landscape 4:3)

Portrait entries (first image taller than wide) get a 4:5 container —
Instagram's proven cap that prevents single photos dominating the screen.
Landscape entries keep 4:3. Aspect-ratio moved from slide to wrap so the
strip inherits it via height:100%.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
2026-06-21 20:18:05 +02:00
parent 5c75f1416f
commit 71eaa3e788
3 changed files with 8 additions and 3 deletions
@@ -122,7 +122,9 @@ feedMap.on('load', function () {
{% set images = entry.media.images %}
{% if images|length > 0 %}
<div class="journal-photo-wrap">
{% set firstImg = images|first %}
{% set wrapRatio = firstImg.height > firstImg.width ? '4 / 5' : '4 / 3' %}
<div class="journal-photo-wrap" style="aspect-ratio: {{ wrapRatio }}">
<div class="journal-photo-strip pswp-gallery" id="gallery-{{ entry.slug }}">
{% for img in images %}
<a class="journal-photo-slide"