interface: noscript notice

This commit is contained in:
root 2025-04-26 12:59:48 +00:00
parent d10f77d420
commit 33aab6af5c

View file

@ -9,6 +9,15 @@
:root { :root {
--aside-size: 218px; --aside-size: 218px;
} }
.js {
display: none;
}
noscript {
padding: 10px;
}
a {
color: cornflowerblue;
}
body { body {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -57,7 +66,7 @@ aside > container > div {
</style> </style>
</head> </head>
<body> <body>
<aside> <aside class="js">
<container> <container>
<div style="width:100%"> <div style="width:100%">
<button onclick="toggle_physics()">Physics</button> <button onclick="toggle_physics()">Physics</button>
@ -92,7 +101,13 @@ aside > container > div {
</aside> </aside>
<main> <main>
</main> </main>
<noscript>
This page requires JavaScript.
<br>
Source code: <a href="https://git.atomic.garden/root/sphere-charges">https://git.atomic.garden/root/sphere-charges</a>
</noscript>
<script src="thomson-problem.js"></script> <script src="thomson-problem.js"></script>
<script src="sketch.js"></script> <script src="sketch.js"></script>
<script>document.querySelectorAll(".js").forEach(e => e.style = "display:initial");</script>
</body> </body>
</html> </html>