Skip to content

Conversation

@sarmstead
Copy link
Contributor

@sarmstead sarmstead commented Jun 17, 2025

Summary

This PR creates a new about page based on the summer 2025 refreshed wireframes.

Design

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

How I did it

  • Created semantic and accessible markup based on the Figma design.
  • Added responsive styles for all page elements, using CSS variables where appropriate.

Important notes

This branch departs from the current approach to creating landing pages. Instead of creating a template (as with custom-modern.hbs), I added a brand new route in the routes.yaml file. My intention for this is to provide both clarity and stability for web authors moving forward.

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

  • Page with the title About::Hero - Body
  • Page(s) with the tag #about-hero-cta
    • These pages should have just one button each
  • Page with the title About::Position - Body
  • Page with the title About::History::SectionOne - Body
  • Page with the title About::History::SectionOne - Button
  • Page with the title About::History::SectionTwo - Body
  • Page with the title About::History::SectionThree - Body
  • Page with the title About::Team - Header
  • Page with the title About::Team::Staff - Header
  • Pages with the tag #staff
  • Page with the title About::Team::Directors - Header
  • Pages with the tag #director

⚠️ Blocking items ⚠️

  1. We need to add the new routes.yaml file to the Ghost production build.
  2. We need to perform a live test of email signup.
  3. 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.

about--desktop__compressed

Tablet screenshot

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

about--tablet__compressed

Mobile screenshot

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

about--tablet__compressed

@sarmstead sarmstead force-pushed the sa/refresh/about-page branch 2 times, most recently from 9b8153a to b65cc53 Compare June 17, 2025 04:55
@sarmstead sarmstead self-assigned this Jun 18, 2025
@sarmstead sarmstead added the enhancement New feature or request label Jun 18, 2025
@sarmstead sarmstead force-pushed the sa/refresh/homepage branch from e5a3233 to c96bc9d Compare June 20, 2025 19:59
@sarmstead sarmstead force-pushed the sa/refresh/about-page branch from b65cc53 to 8e9db8b Compare June 20, 2025 20:02
@sarmstead sarmstead marked this pull request as ready for review June 20, 2025 21:09
@sarmstead sarmstead mentioned this pull request Jun 20, 2025
@sarmstead sarmstead force-pushed the sa/refresh/about-page branch from 8e9db8b to a496737 Compare June 24, 2025 12:16
@sarmstead sarmstead merged commit 7ef75aa into sa/refresh/homepage Jun 24, 2025
1 check passed
@sarmstead sarmstead deleted the sa/refresh/about-page branch June 24, 2025 12:22
sarmstead added a commit that referenced this pull request Jun 24, 2025
sarmstead added a commit that referenced this pull request Jun 27, 2025
* 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

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants