Repository navigation
feat(hero): swap in the real community photos - #446
Open
diterra-code wants to merge 7 commits into
Open
diterra-code wants to merge 7 commits into
diterra-code wants to merge 7 commits into
Conversation
Replace the placeholder hero images with the three real Bread Cooperative photos (group photo, outdoor gathering, workshop) and point the carousel at the correct extensions (.png + .webp). Group photo is the default frame, matching the design; the 4:3 container matches its aspect ratio. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
✅ Deploy Preview for dapper-sundae-ae0873 ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- Remove the orange "You need xDAI to bake" balance banner from the home page. - Stat + Support-fund icons are now stroke-only (drop weight="fill"). - Desktop hero image height follows the content column and runs ~10% taller (extends 1rem above/below); mobile stays full-bleed 4:3. - Stat chips (Distributed/Supporters → Dune, APY → Spark) are now hyperlinks with an orange hover state. The subhead "Dedicated to funding human resilience." was already a Heading3. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…verlay - Hero fills the viewport on desktop (min-h calc), vertically centered, with vertical padding. - Narrower image / wider content columns (2fr / 3fr) so the stat chips aren't squeezed. - Fix the account dropdown rendering behind the hero: give the header its own stacking context (relative z-50) and drop the hero content's z-index on desktop so the z-50 dropdown overlays it. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
On mobile the carousel now covers the full viewport (absolute background) and the content card is centered on both axes on top of it. Desktop layout is unchanged (2fr/3fr grid, image ~10% taller than content). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
… padding) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Move the hero out of the page wrapper so it spans the full viewport. - Desktop: image fills the LEFT half of the viewport (50vw, full height, cropped via object-cover); content is a fixed-width column (28rem) on the right, vertically centered. - Subhead now uses the design-system brown (text-surface-brown). Co-Authored-By: Claude Opus 4.8 <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.
Replaces the placeholder hero images with the three real Bread Cooperative photos, on top of the
privybranch (#437).public/hero/hero-1.png— group photo (default frame, matches the design mock; the 4:3 container matches its aspect ratio)public/hero/hero-2.webp— outdoor gatheringpublic/hero/hero-3.webp— workshop sessionCarousel updated to the correct extensions (
.png+.webp) and given realalttext; the placeholder TODO is removed. Fade order 1 → 2 → 3.next lintclean. Merge intoprivyso #437's preview shows the real hero.🤖 Generated with Claude Code