When "a" is pressed multiple times, it starts the interval multiple times. A check needs to be added for it that if the animation is already going on or not.
While testing the website on mobile I came across some issues.
The rotation moves of the pairs up-down, left-right and front-back are performed in a different direction despite both being under the same rotation (clockwise or anti-clockwise).
Example of clockwise rotation:
When rotating the cube three times towards the same direction (e.g. upwards), the rotation changes and in its place happen opposite rotations (leading to the place it would with a single rotation towards the previous direction). Right after this, if you perform a rotation of the opposite direction of the one you were performing previously, the same thing happens at the other direction. This happens with every rotation of the whole cube.
Video of what happened: https://user-images.githubusercontent.com/46161935/135213332-1c0fce79-31bf-4476-aa25-f838b45fab5c.mp4
The buttons for different moves need to be styled. The buttons can be viewed after changing the screen size to less than 1000px. Anyone with good designing experience can work on this.
Add new buttons in mobile view for the new instructions added in the html file and javascript file for functionality. "a" key for starting animation and "Shift + a" or "A" for stopping animation.
Browser: Firefox 88.0 (64-bit)
OS: Linux pop-os 5.11.0-7614-generic #15161862669320.04~ecb25cd-Ubuntu SMP Thu Apr 22 16:20:32 UTC x86_64 x86_64 x86_64 GNU/Linux
I also try it in a clean environment(Private window) but no change...
thank you if you consider my issue. i also like to contribute to the issue if you let me...