Hero Section Enhancements

codeforpdx / codepdx_website

https://www.codepdx.org

1 stars 3 forks source link

Hero Section Enhancements #112

Closed ogorman89 closed 9 months ago

ogorman89 commented 9 months ago

This PR:

Resolves #109

Reduced Home > Hero > background-image size by half (this needs to be tested on a 4k monitor, looks ok in 1080p)
Removed the st-johns-bridge-1680x916.webp and replaced it with a 1200px wide version.
Updated the text on Home > Hero > H1
Increased the width for the Home > Hero > H1 to accommodate the additional text.

Screenshots (if applicable):

Slight change to Home > Hero Screen Shot 2024-02-02 at 2 27 36 PM

More savings 💰

Screen Shot 2024-02-02 at 2 22 32 PM

Future Steps/PRs Needed to Finish This Work (optional):

N/A

vercel[bot] commented 9 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

ogorman89 commented 9 months ago

looks fine on 2k as well. Although I am thinking we may want a more banner like image to use. this one doesn't have enough width so it gets heavily zoomed in to fill the screen. I think we should try to find a new picture at next meetup or maybe add blur to the ends to help keep more of the image in view.

Either way this can get merged.

@Jared-Krajewski We could keep an even larger image for very large screens/high resolutions. However, I believe the aspect ratio of the image itself becomes an issue the wider we go, causing the zoom you mentioned.