Redesign cards block: large, no-image, sliding, and itinerary variants#19
Merged
Conversation
- .cards.large: white promo cards with wordmark image, left-aligned copy, orange pill CTA - .cards (no images): dark navy promo panels with serif heading, centered copy, white pill CTA - .cards.sliding: horizontally scrolling image-overlay teaser carousel with prev/next arrows - .cards.itinerary: white route-map result cards with title, ship meta and orange CTA - Shared image aspect-ratio defaults to portrait (389:533), with route-map diagrams (alt text ending in "route map") kept at their native landscape ratio - Full-bleed section width (removed global 1200px max-width cap) Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
|
Co-Authored-By: Claude Sonnet 5 <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
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.
Summary
.cards.large: white promo cards with a wordmark image, left-aligned copy, and an orange pill CTA (Featured Cruise Offers).cards(no modifier): dark navy promo panels with a serif heading, centered copy, and a white pill CTA (Give $50/Get in the know style content).cards.sliding: horizontally-scrolling carousel of image-overlay teaser cards with prev/next arrow controls, matching the hollandamerica.com "Onboard Experience" pattern.cards.itinerary(new): white route-map result cards with a title, "Ship: X" meta, and an orange CTA, matching the hollandamerica.com "Find a Cruise" result card patternmax-widthcap on section content so blocks can render full-bleedTest plan
npm run lintpasses (verified locally)🤖 Generated with Claude Code