henrikbroNotes on data platforms, running, tools, and web projects.Zola2026-04-29T00:00:00+00:00https://blog.midterracedream.duckdns.org/atom.xmlSite housekeeping2026-04-29T00:00:00+00:002026-04-29T00:00:00+00:00
Henrik Brodtkorb
https://blog.midterracedream.duckdns.org/blog/site-housekeeping/<p>Static sites stay pleasant when the boring pieces are kept tidy.</p>
<h2 id="figure">Figure</h2>
<figure class="post-figure image-wide">
<img src="/images/site-housekeeping.svg" alt="A static site housekeeping dashboard with checks for links, feeds, and sitemap output." loading="lazy" decoding="async">
<figcaption>A wide image example with lazy loading, alt text, and an optional caption.</figcaption>
</figure>
<p>That means checking links after template changes, keeping markdown fixtures
around for tables and code blocks, and making sure the homepage still works
when the post list grows.</p>
<h2 id="checks">Checks</h2>
<ul>
<li>Homepage post list has enough density.</li>
<li>Tags with multiple posts show useful counts.</li>
<li>Filtered tag pages still feel like part of the same system.</li>
</ul>
<h2 id="callout">Callout</h2>
<aside class="callout callout-note">
<p class="callout-title">Small pieces</p>
<div class="callout-body"><p>Shortcodes should make posts easier to read, not turn the blog into a component catalogue.</p>
</div>
</aside>
<h2 id="caption">Caption</h2>
<p class="caption">The checklist is intentionally short: it is here to exercise post typography, spacing, and helper components.</p>
<h2 id="gallery">Gallery</h2>
<p>The scroll gallery keeps images in a horizontal rail with snap points. Images still link to the full-size source.</p>
<div class="gallery gallery-scroll" tabindex="0" aria-label="Scrollable image gallery">
<figure>
<a href="/images/site-detail.svg">
<img src="/images/site-detail.svg" alt="Generated page route card." loading="lazy" decoding="async">
</a>
<figcaption>Generated routes.</figcaption>
</figure>
<figure>
<a href="/images/site-card.svg">
<img src="/images/site-card.svg" alt="Shortcode component card." loading="lazy" decoding="async">
</a>
<figcaption>Shortcode components.</figcaption>
</figure>
<figure>
<a href="/images/site-housekeeping.svg">
<img src="/images/site-housekeeping.svg" alt="Static site housekeeping dashboard." loading="lazy" decoding="async">
</a>
<figcaption>Wide source image.</figcaption>
</figure>
</div>
<h2 id="link-card">Link card</h2>
<a class="link-card" href="https://www.getzola.org/" target="_blank" rel="noopener noreferrer">
<span class="link-card-title">Zola</span>
<span class="link-card-description">The static site generator used for this blog.</span>
<span class="link-card-url">https://www.getzola.org/</span>
</a>
<h2 id="abbreviation">Abbreviation</h2>
<p>The page also supports inline abbreviations like <abbr class="abbr" title="Really Simple Syndication" tabindex="0" data-title="Really Simple Syndication">RSS</abbr>
without making the prose noisy.</p>