feat(blog): show post header art on blog index cards - #338
Merged
Conversation
The blog index cards were text-only. Each post already has a bespoke, art-directed hero (PirateHero, MycelialHero, …); this surfaces that art on the preview cards so the page reads as colourful and distinct at a glance. Extract each hero's decorative inline SVG into a reusable `*Art.astro` component (PirateArt, MycelialArt, StarArt, LeverArt, DustArt, ForestArt, LoomArt). Each hero now imports its art component as the full-bleed background, and the blog index renders the same component as a banner at the top of each card — single-sourced, so card and hero never diverge. Still 100% inline SVG, no external assets (Self-Audit parity). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Signed-off-by: xNet Test <test@xnet.dev>
Contributor
|
✓ Changelog fragment found — thanks! |
Adds the changelog fragment for #338 (blog index cards now show each post's hero artwork), satisfying the changelog-section gate. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Signed-off-by: xNet Test <test@xnet.dev>
Contributor
|
Preview removed for PR #338. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
The blog index cards were text-only. Each post already ships a bespoke, art-directed hero (
PirateHero,MycelialHero,StarHero, …) — this surfaces that art on the preview cards so the blog page reads as colourful and distinct at a glance.How
*Art.astrocomponent:PirateArt,MycelialArt,StarArt,LeverArt,DustArt,ForestArt,LoomArt.site/src/pages/blog/index.astro) renders the same component as a banner at the top of each card, keyed by slug. Card and hero are single-sourced, so they can never diverge.overflow-hiddenwrapper, art banner (h-40 sm:h-48, subtle bottom border, gentle hover zoom), then the existing padded text block.Still 100% inline SVG, no external assets (Self-Audit parity).
Verification
astro build✓ (107 pages)/blog: all 7 cards render their matching header art, light + dark mode ✓/blog/the-gentlest-furnace): hero unchanged ✓No changeset — change is confined to
site/(not a publishablepackages/*library).🤖 Generated with Claude Code