Skip to content

2025 Refresh - Home Page #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
sarmstead merged 62 commits into from
Jun 24, 2025
Merged

2025 Refresh - Home Page #27

sarmstead merged 62 commits into from
Jun 24, 2025

Conversation

@sarmstead
Copy link
Contributor

@sarmstead sarmstead commented Jun 3, 2025 •
edited
Loading

Summary

This PR creates a new home page based on the summer 2025 refreshed wireframes. Presented here is also a major refactor that better organizes the theme's CSS for easier updates in the future.

Design

https://www.figma.com/design/7ovzHjpIgXdbogI0V8W215/Ruby-Central-Overhaul-Streamlining?node-id=673-5359&t=yqXrBX6dOhMA3uTm-1

How I did it

  • Reorganized the CSS files to clearly show which styles are for which frontend components.
  • Lightly tweaked existing pages and templates to accommodate for new CSS organization.
  • Standardized shared styles like typography and variables.
  • Removed unused stylesheets and images.
  • Created semantic and accessible markup for home page based on the Figma design.
  • Added responsive styles for all home page elements, using CSS variables where appropriate.

Important notes

This branch assumes the following items exist in the production build (space and case-sensitive):

  • Page with the title Home::Hero - Body
  • Page(s) with the tag #home-hero-cta
    • These pages should have just one button each
  • Page with the title Home::Pillars - Conferences
  • Page with the title Home::Pillars - Button
  • Page with the title Home::OpenSource
  • Page with the title Home::OpenSource - Button
  • Page with the title Home::Community
  • Page with the title Home::Community - Button
  • Page with the title Home::Support
  • Pages with the tag #corporate-sponsor-ruby

⚠️ Blocking items ⚠️

  1. We need to perform a live test of email signup.
  2. We need to make sure the full list of pages and tags (noted above) is in place before uploading the new template.

Results

Desktop screenshot

Please disregard the top navigation and footer as those are addressed in separate PRs.

home--desktop

Tablet screenshot

Please disregard the top navigation and footer as those are addressed in separate PRs.

home--tablet

Mobile screenshot

Please disregard the top navigation and footer as those are addressed in separate PRs.

home--mobile

@sarmstead sarmstead self-assigned this Jun 3, 2025
@sarmstead sarmstead added the enhancement New feature or request label Jun 3, 2025
@sarmstead sarmstead marked this pull request as draft June 5, 2025 23:02
sarmstead added 27 commits June 20, 2025 15:58
@sarmstead
feat(home): clear out old markup
a306738
@sarmstead
feat(home): add markup and styles for home hero
7a19b3e 
* Override Ghost button styles
@sarmstead
feat(home): add pillars section
7ceb52d
@sarmstead
feat(home): add open source section
7f313d1
@sarmstead
fix(home): tweak h3 size in hero on desktop
2f1f204
@sarmstead
feat(home): add community section
74c6e0f
@sarmstead
feat(home): tweak pillars background image
c567919
@sarmstead
feat(home): add support section
ab239cc
@sarmstead
feat(get-involved): create styles and markup for partial
d9f867a 
* Render in home template
@sarmstead
fix(button.css): adjust button box shadow
510613c
@sarmstead
refactor(css): remove unused imports
6cffd5d
@sarmstead
fix(home): use asset helper for images
7079048
@sarmstead
feat(button.css): add flex styles for button wrappers
70d32db
@sarmstead
refactor(get-involved): move into components directory
fcdc7f8
@sarmstead
refactor(rubycentral.css): swap Inter url for official endpoint
0dbf097
@sarmstead
refactor(rubycentral.css): extract color variables into separate file
033896f
@sarmstead
refactor(rubycentral.css): remove blurb icon and styles
99ec64b
@sarmstead
refactor(.people): simplify sponsor card styles
66e50b5 
* Reuse styles / markup in home and support pages
* Remove unused staff styles
@sarmstead
refactor(#rubygems): remove unused selectors and icon
950f2d4
@sarmstead
refactor(conferences): move rubyconf / railsconf styles to dedicated …
3a08467 
…file
@sarmstead
refactor(#support): remove unused selectors
9a86ad3
@sarmstead
refactor(rubycentral.css): remove unused front family style
6d37eae
@sarmstead
feat(body): remove background gradient
69d511d
@sarmstead
refactor(.padded-container): remove unused selector
3341af1
@sarmstead
refactor(header): remove unused selectors
e328717
@sarmstead
refactor(.upcoming/.upcoming-details): remove unused selectors
8829aef
@sarmstead
refactor(.main-grid): remove unused selectors
76a28f7
sarmstead added 21 commits June 20, 2025 15:58
@sarmstead
refactor(.back): move styles into dedicated file
0e2260d
@sarmstead
refactor(.arrow): remove unused selectors and icons
47c33a4
@sarmstead
refactor(.apply/.apply-btn): remove unused selectors
16b29e4
@sarmstead
refactor(typography): move typographical styles into dedicated file
692b13d 
* Use home-template typographical styles as new basis
@sarmstead
fix(home): set white text as needed
7df0d40 
* Alphabetize styles
@sarmstead
refactor(layout): extract reset styles into dedicated file
4d84c37 
* Delete rubycentral.css
* Move typeface imports into typography file
@sarmstead
fix(.post__list__item): adjust post index item styles
c0dd433
@sarmstead
refactor(home): clean up typographical styles
165fbe2
@sarmstead
fix(main): adjust vertical padding on main container
46d7352
@sarmstead
refactor(typography): merge modern typography into base
2d0a93d
@sarmstead
fix(post): adjust index item styles and markup
49eac64
@sarmstead
fix(corporate-sponsorship): pull #modern styles out of .post
2b871ef
@sarmstead
fix(open-source): pull #modern styles out of .post
08d0b2f
@sarmstead
fix(home): adjust selector for last text block of community and confe…
fb82615 
…rences
@sarmstead
refactor(assets): remove unused images
2a516ae
@sarmstead
fix(typography): remove font size increment for p tags on desktop
6e2b841
@sarmstead
feat(divider): extract hr styling into shared component styles
413dd86
@sarmstead
fix(home): update home images blend modes
8b878e3
@sarmstead
refactor(app.css): rename colors to variables
3da01b7 
* Add max-width css variable
@sarmstead
refactor(--layout-inner-max-width): use css variable across stylesheets
1d79c9a
@sarmstead
refactor(variables.css): prefix colors with "color"
c96bc9d 
* Replace all changed variable name instances
* Alphabetize variables
@sarmstead sarmstead force-pushed the sa/refresh/homepage branch from e5a3233 to c96bc9d Compare June 20, 2025 19:59
@sarmstead sarmstead marked this pull request as ready for review June 20, 2025 21:31
@sarmstead sarmstead mentioned this pull request Jun 20, 2025
Merged
@sarmstead sarmstead changed the base branch from main to sa/refresh/epic June 24, 2025 12:23
@sarmstead sarmstead merged commit 6b27ac6 into sa/refresh/epic Jun 24, 2025
1 check passed
@sarmstead sarmstead deleted the sa/refresh/homepage branch June 24, 2025 12:27
sarmstead added a commit that referenced this pull request Jun 27, 2025
@sarmstead
Create 2025 about and home pages (#31)
2245bde 
* feat(home): create refreshed page
* feat(about): create refreshed page
* fix(home): update stats
* fix(home): increase stat subtext font size

## Child PRs
* #27
* #28
* #29
* #30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@sarmstead sarmstead

Labels

enhancement New feature or request

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@sarmstead