webstead: add some instructions

diff --git a/webstead.xhtml b/webstead.xhtml
index 8c2b8447fc8b20580fad0cc5cf19a341ce1f772d..3b582e4881ee06c530a4e33e12c4557e9aa418c7 100644 (file)
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -78,7 +78,6 @@
         Bedstead({
             arguments: args,
             print: function(charstring) {
-                document.getElementById("charstring").textContent = charstring;
                 document.getElementById("rendered")
                     .setAttribute("d", charstring
                                   .replaceAll(/<!--(?:[^-]|-[^-])*-->/g, "")
@@ -238,7 +237,15 @@
       </div>
     </div>
     <p><input id="c" type="text" size="39"/></p>
-    <p><code id="charstring"></code></p>
+    <h2>Bedstead Editor</h2>
+    <p>This page allows you to design glyphs for
+      <a href=".">Bedstead</a>.
+      Click pixels in the grid on the left to turn them on and off.
+      The drawing on the right shows the rendered glyph, which will be
+      identical to the input until you start drawing diagonal lines.
+      The box below the grid shows the pixels encoded for adding to
+      <code>bedstead.c</code>.
+      You can also edit that box directly, or paste designs into it.</p>
     <div class="smallprint">
       <p>This editor contains code from Emscripten and musl libc under
         the following licence:</p>