Stefan4472 / Stefans-Blog

Personal blogging platform built in Python
MIT License
0 stars 0 forks source link

Improve site banner code #104

Closed Stefan4472 closed 1 year ago

Stefan4472 commented 1 year ago
Stefan4472 commented 1 year ago

Rolling this into #105 because Bootstrap 5 actually removed the Jumbotron.

Stefan4472 commented 1 year ago

Investigate whether we can have a single image to use as a site banner for all screen sizes.

Probably, it would follow a 1.9x1 w/h ratio and be fairly high-res. On large screens, we would avoid stretching it out and instead blot-out the sides of the screen with a blurred color effect (or something).

This would allow us to make the banner image a pre-load.

Stefan4472 commented 1 year ago

After further investigation, changing to a single image isn't worth it. The performance gains would be very minimal and I think the user experience would be worse. The current solution with two different-sized images is pretty nice!