Skip to content

feat: add thumbnail/image support to content cards - #15

Closed
tallnato wants to merge 1 commit into
mainfrom
paperclip/revinaldo/NAT-82
Closed

feat: add thumbnail/image support to content cards#15
tallnato wants to merge 1 commit into
mainfrom
paperclip/revinaldo/NAT-82

Conversation

@tallnato

Copy link
Copy Markdown
Member

Summary

  • Add optional thumbnail front matter field for content items
  • Cards with a thumbnail display a responsive image (object-fit: cover) above the card body
  • Cards without thumbnails render as before (graceful fallback)
  • Updated category.html, tag.html layouts and default.html CSS
  • Homepage cards wrapped in .card-body for consistent styling with new card structure

Usage

Add thumbnail to any content item's front matter:

---
title: Cybertruck Matte Black
thumbnail: /assets/images/cybertruck-matte.jpg
---

Test plan

  • Add thumbnail field to a content item and verify image displays in card
  • Verify items without thumbnail render unchanged (text-only)
  • Check card grid alignment with mixed thumbnail/no-thumbnail cards
  • Verify responsive behavior on mobile (single column)
  • Confirm images use object-fit: cover and maintain consistent card height

Closes NAT-82

🤖 Generated with Claude Code

Add optional thumbnail front matter field support for content items.
Cards with a `thumbnail` field display an image with object-fit: cover
at the top of the card. Cards without thumbnails render as before.

Updated layouts: category.html, tag.html, and default.html (CSS).
Homepage cards wrapped in card-body for consistent styling.

Closes NAT-82

Co-Authored-By: Paperclip <noreply@paperclip.ing>
@tallnato

Copy link
Copy Markdown
Member Author

Closing — thumbnail support was implemented and merged through other PRs on main. The feature is complete with additional enhancements (glightbox, emoji placeholders, dark mode support).

@tallnato tallnato closed this Mar 27, 2026
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.

1 participant