From: Ben Harris <bjh21@bjh21.me.uk>
Date: Wed, 15 Oct 2025 21:59:54 +0000 (+0100)
Subject: webstead: add some instructions
X-Git-Tag: bedstead-3.261~31
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=d84ca8b4e74aba469c95f5df8d44a0352bb9e213;p=bedstead.git

webstead: add some instructions
---

diff --git a/webstead.xhtml b/webstead.xhtml
index 8c2b844..3b582e4 100644
--- 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>