Give each hero-carousel panel a bold colored header band#4
Merged
Conversation
The panels previously differed only by a small accent color, so they read as nearly identical as the carousel rotated. Replace the small slide-tag pill with a full-width colored header band per slide: a big 01/02/03 numeral plus the topic name, with the whole band filled in that slide's accent (rust visit notes, gold implants, green messages). The gold band uses ink text for contrast; rust and green use white. Chat content moves into a padded .chat-body so the band can bleed to the panel edges. JS rotation is untouched (it only toggles is-active on the slide and dot elements). CLAUDE.md site-refresh note updated. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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.
Follow-up to the carousel work. The panels previously differed only by a small accent color, so they read as nearly identical while rotating. This replaces the small slide-tag pill with a full-width colored header band per slide.
01/02/03numeral + topic name, with the whole band filled in that slide's accent: rust (visit notes), gold (implants), green (messages)..chat-bodyso the band can bleed to the panel edges.is-activeon the slide/dot elements.Verified all three slides with a Playwright screenshot pass. Site-only change, no Python source touched — CI should stay green.
🤖 Generated with Claude Code