Skip to content

implement footer and navbar redesigns, fix bugs, and improve maintainability#26

Merged
spagechi merged 4 commits intoacmucsd:mainfrom
spagechi:website-redesign
Feb 19, 2026
Merged

implement footer and navbar redesigns, fix bugs, and improve maintainability#26
spagechi merged 4 commits intoacmucsd:mainfrom
spagechi:website-redesign

Conversation

@spagechi
Copy link
Copy Markdown
Contributor

Footer:

  • remove newsletter subscription
  • implement new desktop and mobile designs
  • make dynamic and resizable
  • add accessibility

Navbar:

  • remove outdated application deadline countdown banner
  • implement new desktop and mobile designs
  • make dynamic and resizable

Bug Fixes:

  • fix navbar width (horizontal scrolling issue)
  • update ACM Instagram handle (fix broken Instagram link)
  • fix mobile initial rendering on DevTools
  • fix component width issue happening at small viewport widths (add min-width of 320px to html and body in reset.scss)
  • fix import errors after updating next.js (image and vars.scss imports)

Maintainability Improvements:

  • make major restructuring changes to footer TSX
  • move/nest styles in footer and navbar stylesheets
  • make spelling of gray consistent in global variable names
  • add a global function for calculating relative CSS property size used for resizing
  • switch to media queries for breakpoints for navbar to make adding more breakpoints easier
  • improve footer media query structure
  • calculate mobileNav margin-top instead of hardcoding

…ability

Footer:
- remove newsletter subscription
- implement new desktop and mobile designs
- make dynamic and resizable
- add accessibility

Navbar:
- remove outdated application deadline countdown banner
- implement new desktop and mobile designs
- make dynamic and resizable

Bug Fixes:
- fix navbar width (horizontal scrolling issue)
- update ACM Instagram handle (fix broken Instagram link)
- fix mobile initial rendering on DevTools
- fix component width issue happening at small viewport widths (add min-width of 320px to html and body in reset.scss)
- fix import errors after updating next.js (image and vars.scss imports)

Maintainability Improvements:
- make major restructuring changes to footer TSX
- move/nest styles in footer and navbar stylesheets
- make spelling of gray consistent in global variable names
- add a global function for calculating relative CSS property size used for resizing
- switch to media queries for breakpoints for navbar to make adding more breakpoints easier
- improve footer media query structure
- calculate mobileNav margin-top instead of hardcoding
@vercel
Copy link
Copy Markdown

vercel bot commented Jan 23, 2026

@spagechi is attempting to deploy a commit to the acmucsd Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel bot commented Jan 24, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
projects-website Ready Ready Preview, Comment Feb 10, 2026 1:22am

Request Review

Copy link
Copy Markdown
Collaborator

@angela139 angela139 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, looks good to me! I don't think the calc-relative-size function should be necessary but we can keep it for now

@spagechi spagechi merged commit 367abaf into acmucsd:main Feb 19, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants