Image backgrounds are now tied via CSS to the a link destination, rather than the li that contains the a.
Because image backgrounds are tied to the a, we can use attribute matching to set the image that gets revealed on hover.
The circular shadow hover effect is now applied to the a element instead of the li that contains the a, because that's the only way to hide the background image.
The circular shadow hover effect's coloration is separated from the per-program coloration, and applied to the menu position, so that changing the links doesn't lose the hover effect.
Changes to the archive headers:
Decreases the min-height on the category header background image, because the new images uploaded as part of #15 were not of a landscape-enough aspect ratio to be 75vh tall at 100vw wide.
Why all this? Because as part of #15, we changed the categories' featured images.
Changes to the program area bubbles:
a
link destination, rather than theli
that contains thea
.a
, we can use attribute matching to set the image that gets revealed on hover.a
element instead of theli
that contains thea
, because that's the only way to hide the background image.Changes to the archive headers:
Why all this? Because as part of #15, we changed the categories' featured images.