The site almost works without scripts using the following CSS:
.tab-pane:target {
display: block;
}
The only problem is the start page. Visiting the Site, one does not land at #start and the start page is empty. Redirecting server-side is not possible as the server does not see the hash.
Options:
Find some CSS rule to hide the start tab when another tab is selected. I do not know if this is possible.
Add a really short paragraph that is visible in each tab and contains a link the #start
Only show the start page until the Start button is pressed and have the server add a CSS rule that hides it once the user started a session, i.e., selected a profile and pressed start.
I also would appreciate if anyone can verify that it works without Javascript.
Install uMatrix or use uBlock in expert mode and disable Javascript on the site
Use the rules above as user style, e.g., using the Stylish extension
Report any issues you see.
TODO: The script currently also adds and removes .active class. This could also be implemented using the :target selector.
The site almost works without scripts using the following CSS:
The only problem is the start page. Visiting the Site, one does not land at
#startand the start page is empty. Redirecting server-side is not possible as the server does not see the hash.Options:
#startStartbutton is pressed and have the server add a CSS rule that hides it once the user started a session, i.e., selected a profile and pressed start.I also would appreciate if anyone can verify that it works without Javascript.
TODO: The script currently also adds and removes
.activeclass. This could also be implemented using the:targetselector.