Animations trigger when the user can actually see them

[cyrusae]

Implement lazy loading of components, which is apparently hell on SSR, or else detect when things come into the viewport to rehydrate them (drastically less efficient!!!)

[cyrusae]

Lazy loading assistance appears to prioritize eliminating visible load in SSR; I think the answer might be eventlisteners that add the relevant classes to divs, since almost everything here is actually CSS-based?

[cyrusae]

Thoughts:

• Manually checking visibility
• A React visibility sensor exists but is abandonware
• How far could I get handling onscroll alone? Possibly not very!

Need to be able to:

• Trigger CSS animations only as things come into view
• Trigger sound fade in and out the same way
• Ideally, trigger additional CSS animations on the way out, maybe

Bounding box stuff may end up relevant for parallaxing if I can't get Performant working and have to do things Google would hate instead

[cyrusae]

VisualViewport question in not very disguise maybe?