Adrian Lansdown Notes, links, experiments
A candid shot from Monday

Monday, May 19 2026

This is a demo of the new photo post layout. The hero image above fills the full viewport width at 82vh height, with the post title overlaid in the bottom-left corner.

Writing below the hero

Content here flows in a constrained, readable column — the same comfortable prose width used across the rest of the site.

You can replace heroImage with any local image path, and use heroImagePosition (any valid CSS object-position value like center top, left center, etc.) to control which part of the photo is shown.

Frontmatter reference

layout: layouts/photo-post.njk
title: Your Post Title
heroImage: src/assets/images/posts/your-photo.jpg
heroImageAlt: Description for screen readers
heroImagePosition: center top   # optional, default: center center
heroStrokeColor: black           # optional, use "white" on very dark images