Banner Images, Tags & Navigation Fixes
New banner image style for wide logos, browsable tags and categories, and navigation polish.
This release adds flexibility for datasets with non-square images, makes post organization more discoverable, and fixes a couple of navigation issues.
Banner Image Style
Datasets with wide or rectangular images, like airline logos, can now use the new banner style:
images:
style: banner
banner_height: 100px
banner_height_compact: 60px
fit: contain
background: "#ffffff"
Banner images display at a fixed height across all card layouts (vertical, horizontal, compact) and detail pages. A configurable background color ensures transparent images remain visible in dark mode.
Browsable Tags & Categories
Posts now display their tags and category as clickable links:
- Tags link to
/tags/{tag}/showing all posts with that tag - Categories link to
/{category}/showing all posts in that category - The new /tags/ page lists all tags and categories with post counts
This makes it easier to discover related content and explore posts by topic.
Navigation Fixes
- Anchor links (like changelog version links) now account for the sticky header, scrolling to the correct position
- Horizontal card grids now display cards with equal widths across all breakpoints
Technical notes:
- Banner uses CSS Grid with
display: contentsfor proper element ordering in horizontal layout - Compact banner cards use grid-template-areas for image-above-body stacking
- Tags use the existing
postsByTagcollection with new/tags/{tag}/URL pattern