Files
roro9stack/site/templates/shortcodes/figure.html
T
twislaandClaude Sonnet 5.5 6e54658ba4
Site / build (pull_request) Successful in 9s
Site: the devlog, the blog's roro9stack posts in the site's style; Devlog replaces Blog in the navigation
Seven posts imported into site/content/devlog/ with their text unchanged,
links between them pointing to /devlog/, and shortcodes (sign, cast, steps,
asides, folded sections, diagrams, captions) restyled in the site's palette.
The 17 inline SVG diagrams carried <style> blocks and style attributes the
site's Content-Security-Policy refuses: their rules moved to
devlog-diagrams.css, and a diagram's minimum width is a class. An Atom feed
at /devlog/atom.xml.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EhqxQ49eCju4CzKYNjZzwT
2026-10-06 20:51:33 +02:00

11 lines
690 B
HTML

{#- A screenshot or photo with a caption. landscape=true lets it fill the column width; full=true
makes it a link to the image itself, for a screenshot too detailed for the column -#}
<figure class="media{% if landscape %} landscape{% endif %}">
{%- if full %}<a class="full" href="{{ src }}" title="Open full size">{% endif %}
<img src="{{ src }}" alt="{{ alt }}"{% if width %} width="{{ width }}"{% endif %}{% if height %} height="{{ height }}"{% endif %} loading="lazy">
{%- if full %}</a>{% endif %}
{%- if caption %}
<figcaption>{{ caption | markdown(inline=true) | safe }}{% if full %} <a href="{{ src }}">Full size</a>.{% endif %}</figcaption>
{%- endif %}
</figure>