Welcome to the newest chapter of my hobby journey! This post serves as a template to show you how images work with our new layout.

How this post is configured:

  1. The Header (The big image above): This is set using overlay_image. It stretches across the screen and uses an overlay_filter to make the white text “pop” against the background.
  2. The Teaser (The thumbnail on the home page): This is set using teaser. Even if the header is huge, the teaser stays a neat little square/rectangle on your main list.
  3. The Content Image (The one below): I’ve used a standard HTML tag to keep this one centered and sized perfectly.

A Misfit Mini

Caption: This is a 400px wide centered image.

Ready for your graphics!

Once you save your new graphics as header-island.png and teaser-island.png in the assets/images/site/headers/ folder, they will automatically appear in this post.

Feel free to delete this post once you’ve seen how it looks!