[md-lg] Incorporate 404 page animation

[tespenshade]

There are 2 animations that will appear on the 404 page. Html demos for reference (@mtedeschi tagging you if you want to review these again)

json in the "assets" folder here

"404pg-attract"

• This is the attract loop, it begins as soon as someone lands on the 404 page and does not stop until you have clicked at least once (@cahdeemer if this causes a performance issue on mobile, it can just play a few times).

"404pg-ani"

• This is the animation that plays whenever someone clicks anywhere on the hammer & anvil illustration. It plays once per click/tap, then goes back to first frame. Users can click on it indefinitely.

[cahdeemer]

This works, but not as imagined, because you can't toggle between svgs in lottie for web without destroying the other SVG. So there is a gap when you click and then a gap when the click animation is done.

[tespenshade]

@cahdeemer is this something I need to redesign, or is this something you're looking for a coded workaround for?

[tespenshade]

@tespenshade to combine animations into one single animation

[tespenshade]

@cahdeemer new xml & json of combined attract loop/animation on drive in assets folder here: https://drive.google.com/open?id=1oB4xpQEjceGS49JNI8lTOepvduUBIM9K

Filename: "404pg-ani"

old files in "_retired" folder

[mtedeschi]

@cahdeemer what is the status of this?

[cahdeemer]

worked on this before I left for California and am picking back up now

Tara and I went back and forth on the files a little and then I was having trouble getting WP to see the updated JS

[mtedeschi]

@tespenshade and @cahdeemer to catch up on this to figure out what's needed.

[tespenshade]

I remember re-exporting a version to try but do not remember if it was causing the same problem- @cahdeemer do you remember where we're at on this?