Skip to content

Add highlighted images to blog overview page#1065

Merged
ngnijland merged 1 commit into
masterfrom
add-images-to-blog-overview
Jun 24, 2026
Merged

Add highlighted images to blog overview page#1065
ngnijland merged 1 commit into
masterfrom
add-images-to-blog-overview

Conversation

@ngnijland

Copy link
Copy Markdown
Collaborator

Old:
CleanShot 2026-06-24 at 15 21 24@2x

New:
CleanShot 2026-06-24 at 15 21 09@2x

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the blog overview page to display highlighted/thumbnail images for the featured post and the post grid, using frontmatter images when available and falling back to the first image imported in the post body (or a site-wide fallback banner).

Changes:

  • Add image resolution logic for blog posts (frontmatter image → first body image import → fallback banner).
  • Redesign featured and grid cards to include a cover image with gradient overlay.
  • Add image dimension calculation to avoid upscaling and keep generated sizes bounded.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread docs/src/pages/blog/index.astro
Comment thread docs/src/pages/blog/index.astro
@ngnijland ngnijland force-pushed the add-images-to-blog-overview branch from 2503d46 to 330d14e Compare June 24, 2026 13:49
@ngnijland ngnijland merged commit e66d263 into master Jun 24, 2026
1 check passed
@ngnijland ngnijland deleted the add-images-to-blog-overview branch June 24, 2026 13:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants