A photo blog by a developer who is also building crustyimg, a Rust image CLI. 2026-07-12T00:00:00Z https://thef11.com/ f/11 2026-07-12T00:00:00Z https://thef11.com/posts/2026-07-12-example/

A placeholder post so the layouts and the image shortcode can be seen rendering. Replace it with a real one.

<p>This is placeholder prose. It exists only so the essay layout has something to lay out: a paragraph at the reading measure, an image that breaks out to the full width of the viewport, and another that stays contained.</p> <p>The image below carries the <code>bleed</code> class, so it fills the viewport width:</p> <figure class="bleed"><img src="https://thef11.com/posts/2026-07-12-example/rooftops.png" alt="A placeholder standing in for a wide rooftop photograph." width="2400" height="900" loading="lazy" decoding="async" /></figure> <p>Back to the measure. Everything here — the prose column, the full-bleed frame, the contained figure — comes straight from the design system in <code>src/assets/css/style.css</code>. Nothing about the markup below changes when the crustyimg pipeline lands behind the <code>{% image %}</code> seam.</p> <figure><img src="https://thef11.com/posts/2026-07-12-example/bicycle.png" alt="A placeholder standing in for a bicycle against a garage door." width="1400" height="933" loading="lazy" decoding="async" /></figure> <p>That is the whole point of the seam: this file keeps working unchanged.</p>