demo: streamline interface (and improve accessibility)

* "Try out Pygments!" is more descriptive than "Try it out!"
* Moved the description of the implementation to the end.
* Added a <noscript> tag suggesting `pip install` and pygmentize.
* Added a <label> for the textarea.
* Disable spell checking for the textarea.
* Reduced the scope of the reset button to the file input.
* Added autofocus for the language select.

1 files changed, 8 insertions, 0 deletions

diff --git a/doc/_static/demo.css b/doc/_static/demo.css
index 08676d0a..17173886 100644
--- a/doc/_static/demo.css
+++ b/doc/_static/demo.css
@@ -51,3 +51,11 @@
     align-items: center;
     gap: 1em;
 }
+
+#format-settings {
+    display: flex;
+    gap: 1em;
+    border-top: 1px solid #ccc;
+    padding-top: 0.5em;
+    margin-top: 0.5em;
+}