This resolves issue #1, making the snail element itself move across the screen through JavaScript rather than the utilization of SMIL to slide it through a transparent SVG that covers the entire width of the screen, displaying all of the elements behind it but not allowing them to be clicked or otherwise interacted with.
Additionally, the mySnail.hide() function was added and programmed to be run when the snail is double-clicked. This means that if a user needs to remove the snail from their screen for some reason, all they have to do is double-click it and it will disappear until they reload or return to the site. An example of when this may be helpful is watching a youtube video in full screen and not wanting the snail to be at the bottom of the video the whole time. Simply double-clicking the snail will make it go away.
This resolves issue #1, making the snail element itself move across the screen through JavaScript rather than the utilization of SMIL to slide it through a transparent SVG that covers the entire width of the screen, displaying all of the elements behind it but not allowing them to be clicked or otherwise interacted with.
Additionally, the
mySnail.hide()function was added and programmed to be run when the snail is double-clicked. This means that if a user needs to remove the snail from their screen for some reason, all they have to do is double-click it and it will disappear until they reload or return to the site. An example of when this may be helpful is watching a youtube video in full screen and not wanting the snail to be at the bottom of the video the whole time. Simply double-clicking the snail will make it go away.