Enhance no-JS support in template

- Added a noscript tag with a message for users without JavaScript in `src/template.html`. This improves user experience by providing feedback when JavaScript is disabled.
keyboardio · May 14, 2024 · d131955 · d131955
1 parent 1b5c91a
commit d131955
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/template.html b/src/template.html
@@ -6,6 +6,15 @@
 
   </head>
   <body>
-	  <div id="app"></div>
+	  <div id="app">
+      <noscript>
+        <div style="color: red; font-size: 18px; text-align: center; margin-top: 20px;">
+
+          <p class="no-javascript">If you're seeing this, you may be trying to use Chrysalis in a browser without JavaScript support. Like most of
+      the modern web, Chrysalis requires JavaScript to function.
+          </p>
+        </div>
+      </noscript>
+    </div>
   </body>
 </html>