Central Schedule: The thumbnail aspect ratio should match the singular view

[dd32]

Describe the bug

WordCamp Central has a schedule listing upcoming WordCamps / Events, it also has a singular view for each WordCamp.

The singular view is not directly linked to AFAIK.

The requirements specify a banner image for the singular page, but when an image of that size is uploaded, the thumbnail on the schedule listing doesn't match it's aspect ratio.

We should make them match.

Singular:
https://central.wordcamp.org/wordcamps/wordpress-campus-connect-stitnu-al-farabi/

Listing:
https://central.wordcamp.org/schedule/

Note the image sides are cut off.

This is partially because of the super wide banners, which don't make sense for thumbnails.

Historically, WordCamp banners had a lot of nothingness on the sides, to account for varying screen resolutions, where the sides would be progressively hidden on smaller screens.

As an example of what would happen if we pushed these thumnails to the same aspect ratio.. it'd require a 230px wide, by 37px tall image, which looks out of place for the 80% of events that never upload these banner assets
(ignore the stretched images for other events)

To reproduce

Steps to reproduce the behavior:

1. Upload a banner with 1852px wide × 320px tall as per requirements
2. View the above result.

Expected behavior

The thumbnails and banner should look good.

Solutions

This site needs a new coat of paint, seriouisly.

For affected events, I'm going to suggest creating images that target the thumbnail aspect ratio, rather than the banner aspect ratio..