Brass rings orbiting a small bright dot on a dark background. A placeholder drawing for this sample post.

Blog1 min read

An article built from components

A sample post with a featured image, a figure, a callout, a pull quote, two columns, an image row and a code block.

On this page

This is sample content. It exists to test the article components together with the featured image, the table of contents and the share image, and to show how the admin writes them.

A figure

An image with a caption, written the way the admin’s Figure block writes it. The file lives in public/media/.

Four brass rings around a small bright dot, drawn as a placeholder for this sample post.
A placeholder drawing. Replace it with your own image.

A callout and a pull quote

Where the images go.

The featured image goes in src/assets/blog/ and is optimised at build time. Images in the body go in public/media/ and are used as they are.

Two columns and an image row

The left column holds the longer text. On a wide screen it takes two thirds of the width, and below 720px the columns stack.

The right column is for a short aside, a list, or a note.

Two brass rings on the left of the frame with a small dot to their right.
Rings on the left
Two brass rings on the right of the frame with a small dot to their left.
Rings on the right

Code

terminal
npm run dev
npm run cms

That is every block in one post. It is a sample and can be deleted.

Type to search…