ETCS DMI on HTML5 - Types of buttons

▶▶▶The new DMI will be released open-source!!!◀◀◀
Due to spaghetti code, I decided to create a whole new ETCS DMI for Train Sim World. The first step is implementing DMI components as defined. There are three types of buttons in ETCS Driver Machine Interface, and I've (almost) completely implemented all of them (spec 5.3.2.6).
Due to technical limitations of JavaScript, I didn't implement the following part: 'When the driver selection moves back to the button (the finger slides back onto the sensitive area of the button) the button shall be shown in the “pressed” state again, but this time without the ‘click’ sound played.'
In the new system, React was used. The width of border were multiplied by 8 to show how accurately I tried to represent the borders of button (as specified in ERA_ERTMS_015560 v4.0.0 5.1.1.1.3).

[@Noget-clips]

nice