7 lines
898 B
Plaintext
7 lines
898 B
Plaintext
<section data-block="magazine-bold:photo_essay" class="w-full py-12">
|
|
<div class="max-w-6xl mx-auto px-6">
|
|
{% if title %}<h2 class="font-display text-deck text-foreground mb-8">{{ title }}</h2>{% endif %}
|
|
{% if frames %}<div class="mb-photo-grid">{% for frame in frames %}{% if frame.image %}<figure class="{% if frame.span == "full" %}mb-frame-full{% elif frame.span == "tall" %}mb-frame-tall{% else %}mb-frame-half{% endif %}"><img src="{{ frame.image }}" alt="{{ frame.caption }}" class="w-full h-auto block" loading="lazy"><figcaption class="mb-caption font-mono mt-2 flex items-baseline gap-3"><span class="mb-image-folio">{{ forloop.Counter|stringformat:"%02d" }}</span>{% if frame.caption %}<span>{{ frame.caption }}</span>{% endif %}</figcaption></figure>{% endif %}{% endfor %}</div>{% else %}<div class="font-mono mb-caption py-12">No frames yet.</div>{% endif %}
|
|
</div>
|
|
</section>
|