https://first-folio.demo.lobb.ie/tags/layouts/Recent content in Layouts on first-folio.demo.lobb.ieHugoen-GB-oed© 2023-2026 Taḋg Paul — Apache License 2.0Sun, 01 Jun 2025 00:00:00 +0000https://first-folio.demo.lobb.ie/journal/featured-image/Sun, 01 Jun 2025 00:00:00 +0000https://first-folio.demo.lobb.ie/journal/featured-image/<p>The <code>featured</code> layout places the article&rsquo;s image prominently within the content flow. Unlike the <code>banner</code> or <code>hero</code> layouts, the image does not span the full viewport width — it sits within the content column, scaled to fit.</p> <h2 id="when-to-use-featured">When to Use Featured</h2> <p>This layout suits articles where the image is important but not the primary focus. The image appears after the title and metadata, before the body text — a natural reading order.</p>https://first-folio.demo.lobb.ie/journal/background-images/Thu, 20 Mar 2025 00:00:00 +0000https://first-folio.demo.lobb.ie/journal/background-images/<p>The <code>background</code> layout places the article&rsquo;s image behind the content, with configurable opacity and blur. The text remains fully readable while the image provides atmosphere.</p> <h2 id="controlling-the-effect">Controlling the Effect</h2> <p>Two parameters fine-tune the background:</p> <ul> <li><strong><code>opacity</code></strong> — how visible the image is (0.0 to 1.0). Lower values are more subtle.</li> <li><strong><code>blur</code></strong> — how much the image is blurred. Higher values create a softer, less distracting backdrop.</li> </ul> <p>This page uses <code>opacity: 0.15</code> and <code>blur: 8px</code> for a gentle wash of colour behind the text.</p>