New Website: Home Page, Hero Section, and Footer Improvements

[andrew032011]

Summary

Resolves 4 tickets:

• Hero section revamp: Remove italic font style, make subheader (eg: “Working together” or “Real impact”) primary (white) color, make body text secondary (white + 70% transparent) color
• Use dimmer color for text and icons for the footer
• Use same font size for monospaced font in thumbnail image (16px for both, 8px in mobile view)
• Change hero section header to "Building the Future of Tech @ Cornell"

Notion/Figma Link

• Hero section revamp: Remove italic font style, make subheader (eg: “Working together” or “Real impact”) primary (white) color, make body text secondary (white + 70% transparent) color
• Use dimmer color for text and icons for the footer
• Use same font size for monospaced font in thumbnail image (16px for both, 8px in mobile view)
• Change hero section header to "Building the Future of Tech @ Cornell"

Test Plan

Hero section revamp: Remove italic font style, make subheader (eg: “Working together” or “Real impact”) primary (white) color, make body text secondary (white + 70% transparent) color

Use dimmer color for text and icons for the footer

Before:

After:

Use same font size for monospaced font in thumbnail image (16px for both, 8px in mobile view) Change hero section header to "Building the Future of Tech @ Cornell"

Desktop: Before:

After:

Mobile: Before:

After:

Notes

I created two new variables for the hero section heroPrimary and heroSecondary, @cchrischen @JasonMun7 @Bookie0 please let me know if that's not the most idiomatic way to do this.

Breaking Changes

[dti-github-bot]

[diff-counting] Significant lines: 116.

[cchrischen]

Some of the pages' footers don't match the Figma designs, particularly whether they are light or dark on the initiatives and sponsor page. This was something that I forgot to include during initial development, and since you changed up the footer, can we add it in here? Curious to see if we just want to stick with the dynamic footer or have it only be in black. The light version can be seen on the team page.

[andrew032011]

Some of the pages' footers don't match the Figma designs, particularly whether they are light or dark on the initiatives and sponsor page. This was something that I forgot to include during initial development, and since you changed up the footer, can we add it in here? Curious to see if we just want to stick with the dynamic footer or have it only be in black. The light version can be seen on the team page.

I'm down to change it! @Bookie0 do you have thoughts here? Keep the footer consistent to the page theme? Or just dark all around?