Conversation
benjuntilla
requested changes
Aug 7, 2026
## Summary
Add a centered horizontal gradient divider above every `.section`
after the first on the homepage, giving the About / Mission / Programs /
Sponsors / Team sections clear visual separation.
## Why
The homepage sections previously flowed into each other with only
vertical padding between them, making the transitions feel
indistinct. A subtle gradient line provides separation without
introducing a heavy hard rule that would clash with the dark theme.
## Implementation notes
- `.section` is now `position: relative` so its `::before` pseudo can
anchor to it.
- `.section + .section::before` renders a 3px-tall, up-to-80rem-wide
gradient that fades from transparent to `rgba(231,231,229,0.35)` at
the center and back to transparent.
- Width clamps at 92% so it stays inset from the viewport edges on
narrow screens; the first `.section` (About, under the Hero) gets no
divider since the Hero already provides visual separation.
## Test plan
- [ ] Visit `/` and confirm a soft horizontal divider sits between
About / Mission, Mission / Programs, Programs / Sponsors,
Sponsors / Team
- [ ] About has no divider above it (Hero sits above it)
- [ ] On mobile the divider stays inside the viewport (clamped to 92%)
- Add subtle zebra-striped backgrounds to homepage sections on top of the existing gradient dividers, for clearer visual separation. - Draft a mission statement paragraph above the Mission pillar cards (pending review/edit of the copy). - Add a HoverPlayMedia component: pillar cards keep showing their static photo until a videoURL is supplied per pillar, at which point hovering plays it. No video assets yet, scaffold only. - Give each Mission pillar (Professional Development, Community, Learning) a dedicated page at /pillars/:slug and link the cards to it.
BK5102
force-pushed
the
crown-nishant-headshot
branch
from
August 7, 2026 05:22
4d29bde to
a9b44b9
Compare
Replaces the draft with the club's actual mission statement, rephrased from the Technology team's mission statement.
Refresh the "worth of pizza served" homepage statistic with the latest total.
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
2 participants
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.
No description provided.