cr08 / fowsim Goto Github PK

Currently all available card images leave enough of a white border/artifacting that doesn't look clean through the final browser source overlay as indicated in the linked image below.

https://imgur.com/AGBYpuy

It has been attempted to use the CSS clip-path function but this breaks the card animations provided by SWUP.

Need to do some more investigation on how we can do this cropping, be it via clip-path or some other method, and have it co-exist with the currently working SWUP animations.

Ran the first test run on a live web accessible server and discovered an obvious and glaring issue in that the card images are not cached/preloaded and on transition may show blank and pop in after. Ideally for a clean look we want this to already be loaded in before the transition.

Since we are using SWUP for the majority of the transition/animation code, it does have some preloading functions. By default it will do so when a user hovers their cursor over a link to get it ready. This does not apply to this project as we are switching pages programmatically. We need to figure out how to trigger these preloading functions the same way and delay transitions until loading is complete.