about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--html/baremetal/501draw-text.mu.html553
-rw-r--r--html/baremetal/boot.hex.html4
-rw-r--r--html/baremetal/ex7.mu.html108
3 files changed, 417 insertions, 248 deletions
diff --git a/html/baremetal/501draw-text.mu.html b/html/baremetal/501draw-text.mu.html
index fd1c6df8..91ee3d75 100644
--- a/html/baremetal/501draw-text.mu.html
+++ b/html/baremetal/501draw-text.mu.html
@@ -16,9 +16,9 @@ a { color:inherit; }
 * { font-size:12pt; font-size: 1em; }
 .PreProc { color: #c000c0; }
 .LineNr { }
-.Delimiter { color: #c000c0; }
-.SpecialChar { color: #d70000; }
 .Constant { color: #008787; }
+.SpecialChar { color: #d70000; }
+.Delimiter { color: #c000c0; }
 .muFunction { color: #af5f00; text-decoration: underline; }
 .muComment { color: #005faf; }
 -->
@@ -56,265 +56,326 @@ if ('onhashchange' in window) {
 <body onload='JumpToLine();'>
 <a href='https://github.com/akkartik/mu/blob/main/baremetal/501draw-text.mu'>https://github.com/akkartik/mu/blob/main/baremetal/501draw-text.mu</a>
 <pre id='vimCodeElement'>
-<span id="L1" class="LineNr">  1 </span><span class="muComment"># draw a single line of text from x, y to xmax</span>
-<span id="L2" class="LineNr">  2 </span><span class="muComment"># return the next 'x' coordinate</span>
-<span id="L3" class="LineNr">  3 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
-<span id="L4" class="LineNr">  4 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-rightward</span> screen: (addr screen), text: (addr array byte), x: int, xmax: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
-<span id="L5" class="LineNr">  5 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
-<span id="L6" class="LineNr">  6 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
-<span id="L7" class="LineNr">  7 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
-<span id="L8" class="LineNr">  8 </span>  <span class="muComment"># check if we have enough space</span>
-<span id="L9" class="LineNr">  9 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy x
-<span id="L10" class="LineNr"> 10 </span>  <span class="Delimiter">{</span>
-<span id="L11" class="LineNr"> 11 </span>    compare xcurr, xmax
-<span id="L12" class="LineNr"> 12 </span>    <span class="PreProc">break-if-&gt;</span>
-<span id="L13" class="LineNr"> 13 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L14" class="LineNr"> 14 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L15" class="LineNr"> 15 </span>    <span class="PreProc">break-if-=</span>
-<span id="L16" class="LineNr"> 16 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L17" class="LineNr"> 17 </span>    <span class="PreProc">loop</span>
-<span id="L18" class="LineNr"> 18 </span>  <span class="Delimiter">}</span>
-<span id="L19" class="LineNr"> 19 </span>  compare xcurr, xmax
-<span id="L20" class="LineNr"> 20 </span>  <span class="Delimiter">{</span>
-<span id="L21" class="LineNr"> 21 </span>    <span class="PreProc">break-if-&lt;=</span>
-<span id="L22" class="LineNr"> 22 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>
-<span id="L23" class="LineNr"> 23 </span>  <span class="Delimiter">}</span>
-<span id="L24" class="LineNr"> 24 </span>  <span class="muComment"># we do; actually draw</span>
-<span id="L25" class="LineNr"> 25 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
-<span id="L26" class="LineNr"> 26 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
-<span id="L27" class="LineNr"> 27 </span>  <span class="Delimiter">{</span>
-<span id="L28" class="LineNr"> 28 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L29" class="LineNr"> 29 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L30" class="LineNr"> 30 </span>    <span class="PreProc">break-if-=</span>
-<span id="L31" class="LineNr"> 31 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, y, color
-<span id="L32" class="LineNr"> 32 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L33" class="LineNr"> 33 </span>    <span class="PreProc">loop</span>
-<span id="L34" class="LineNr"> 34 </span>  <span class="Delimiter">}</span>
-<span id="L35" class="LineNr"> 35 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, y
-<span id="L36" class="LineNr"> 36 </span>  <span class="PreProc">return</span> xcurr
-<span id="L37" class="LineNr"> 37 </span><span class="Delimiter">}</span>
-<span id="L38" class="LineNr"> 38 </span>
-<span id="L39" class="LineNr"> 39 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-rightward-from-cursor</span> screen: (addr screen), text: (addr array byte), xmax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
-<span id="L40" class="LineNr"> 40 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L41" class="LineNr"> 41 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L42" class="LineNr"> 42 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
-<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">var</span> result/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> draw-text-rightward screen, text, cursor-x, xmax, cursor-y, color
-<span id="L44" class="LineNr"> 44 </span>  <span class="PreProc">return</span> result
-<span id="L45" class="LineNr"> 45 </span><span class="Delimiter">}</span>
-<span id="L46" class="LineNr"> 46 </span>
-<span id="L47" class="LineNr"> 47 </span><span class="muComment"># draw text in the rectangle from (xmin, ymin) to (xmax, ymax), starting from (x, y), wrapping as necessary</span>
-<span id="L48" class="LineNr"> 48 </span><span class="muComment"># return the next (x, y) coordinate in raster order where drawing stopped</span>
-<span id="L49" class="LineNr"> 49 </span><span class="muComment"># that way the caller can draw more if given the same min and max bounding-box.</span>
-<span id="L50" class="LineNr"> 50 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
-<span id="L51" class="LineNr"> 51 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L52" class="LineNr"> 52 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
-<span id="L53" class="LineNr"> 53 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
-<span id="L54" class="LineNr"> 54 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
-<span id="L55" class="LineNr"> 55 </span>  <span class="muComment"># check if we have enough space</span>
-<span id="L56" class="LineNr"> 56 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy x
-<span id="L57" class="LineNr"> 57 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
-<span id="L58" class="LineNr"> 58 </span>  <span class="Delimiter">{</span>
-<span id="L59" class="LineNr"> 59 </span>    compare ycurr, ymax
-<span id="L60" class="LineNr"> 60 </span>    <span class="PreProc">break-if-&gt;=</span>
-<span id="L61" class="LineNr"> 61 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L62" class="LineNr"> 62 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L63" class="LineNr"> 63 </span>    <span class="PreProc">break-if-=</span>
-<span id="L64" class="LineNr"> 64 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L65" class="LineNr"> 65 </span>    compare xcurr, xmax
-<span id="L66" class="LineNr"> 66 </span>    <span class="Delimiter">{</span>
-<span id="L67" class="LineNr"> 67 </span>      <span class="PreProc">break-if-&lt;</span>
-<span id="L68" class="LineNr"> 68 </span>      xcurr <span class="SpecialChar">&lt;-</span> copy xmin
-<span id="L69" class="LineNr"> 69 </span>      ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L70" class="LineNr"> 70 </span>    <span class="Delimiter">}</span>
-<span id="L71" class="LineNr"> 71 </span>    <span class="PreProc">loop</span>
-<span id="L72" class="LineNr"> 72 </span>  <span class="Delimiter">}</span>
-<span id="L73" class="LineNr"> 73 </span>  compare ycurr, ymax
-<span id="L74" class="LineNr"> 74 </span>  <span class="Delimiter">{</span>
-<span id="L75" class="LineNr"> 75 </span>    <span class="PreProc">break-if-&lt;</span>
-<span id="L76" class="LineNr"> 76 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>, <span class="Constant">0</span>
-<span id="L77" class="LineNr"> 77 </span>  <span class="Delimiter">}</span>
-<span id="L78" class="LineNr"> 78 </span>  <span class="muComment"># we do; actually draw</span>
-<span id="L79" class="LineNr"> 79 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
-<span id="L80" class="LineNr"> 80 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
-<span id="L81" class="LineNr"> 81 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
-<span id="L82" class="LineNr"> 82 </span>  <span class="Delimiter">{</span>
-<span id="L83" class="LineNr"> 83 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L84" class="LineNr"> 84 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L85" class="LineNr"> 85 </span>    <span class="PreProc">break-if-=</span>
-<span id="L86" class="LineNr"> 86 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, ycurr, color
-<span id="L87" class="LineNr"> 87 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L88" class="LineNr"> 88 </span>    compare xcurr, xmax
-<span id="L89" class="LineNr"> 89 </span>    <span class="Delimiter">{</span>
-<span id="L90" class="LineNr"> 90 </span>      <span class="PreProc">break-if-&lt;</span>
-<span id="L91" class="LineNr"> 91 </span>      xcurr <span class="SpecialChar">&lt;-</span> copy xmin
-<span id="L92" class="LineNr"> 92 </span>      ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L93" class="LineNr"> 93 </span>    <span class="Delimiter">}</span>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># some primitives for moving the cursor without making assumptions about</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment"># raster order</span>
+<span id="L3" class="LineNr">  3 </span><span class="PreProc">fn</span> <span class="muFunction">cursor-left</span> screen: (addr screen) <span class="Delimiter">{</span>
+<span id="L4" class="LineNr">  4 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L5" class="LineNr">  5 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L6" class="LineNr">  6 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L7" class="LineNr">  7 </span>  compare cursor-x, <span class="Constant">0</span>
+<span id="L8" class="LineNr">  8 </span>  <span class="Delimiter">{</span>
+<span id="L9" class="LineNr">  9 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L10" class="LineNr"> 10 </span>    <span class="PreProc">return</span>
+<span id="L11" class="LineNr"> 11 </span>  <span class="Delimiter">}</span>
+<span id="L12" class="LineNr"> 12 </span>  cursor-x <span class="SpecialChar">&lt;-</span> subtract <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L13" class="LineNr"> 13 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, cursor-x, cursor-y
+<span id="L14" class="LineNr"> 14 </span><span class="Delimiter">}</span>
+<span id="L15" class="LineNr"> 15 </span>
+<span id="L16" class="LineNr"> 16 </span><span class="PreProc">fn</span> <span class="muFunction">cursor-right</span> screen: (addr screen) <span class="Delimiter">{</span>
+<span id="L17" class="LineNr"> 17 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L18" class="LineNr"> 18 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L19" class="LineNr"> 19 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L20" class="LineNr"> 20 </span>  compare cursor-x, <span class="Constant">0x400</span>  <span class="muComment"># screen-width</span>
+<span id="L21" class="LineNr"> 21 </span>  <span class="Delimiter">{</span>
+<span id="L22" class="LineNr"> 22 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L23" class="LineNr"> 23 </span>    <span class="PreProc">return</span>
+<span id="L24" class="LineNr"> 24 </span>  <span class="Delimiter">}</span>
+<span id="L25" class="LineNr"> 25 </span>  cursor-x <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L26" class="LineNr"> 26 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, cursor-x, cursor-y
+<span id="L27" class="LineNr"> 27 </span><span class="Delimiter">}</span>
+<span id="L28" class="LineNr"> 28 </span>
+<span id="L29" class="LineNr"> 29 </span><span class="PreProc">fn</span> <span class="muFunction">cursor-up</span> screen: (addr screen) <span class="Delimiter">{</span>
+<span id="L30" class="LineNr"> 30 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L31" class="LineNr"> 31 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L32" class="LineNr"> 32 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L33" class="LineNr"> 33 </span>  compare cursor-y, <span class="Constant">0</span>
+<span id="L34" class="LineNr"> 34 </span>  <span class="Delimiter">{</span>
+<span id="L35" class="LineNr"> 35 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L36" class="LineNr"> 36 </span>    <span class="PreProc">return</span>
+<span id="L37" class="LineNr"> 37 </span>  <span class="Delimiter">}</span>
+<span id="L38" class="LineNr"> 38 </span>  cursor-y <span class="SpecialChar">&lt;-</span> subtract <span class="Constant">0x10</span>  <span class="muComment"># screen-height</span>
+<span id="L39" class="LineNr"> 39 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, cursor-x, cursor-y
+<span id="L40" class="LineNr"> 40 </span><span class="Delimiter">}</span>
+<span id="L41" class="LineNr"> 41 </span>
+<span id="L42" class="LineNr"> 42 </span><span class="PreProc">fn</span> <span class="muFunction">cursor-down</span> screen: (addr screen) <span class="Delimiter">{</span>
+<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L44" class="LineNr"> 44 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L45" class="LineNr"> 45 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L46" class="LineNr"> 46 </span>  compare cursor-y, <span class="Constant">0x300</span>  <span class="muComment"># screen-height</span>
+<span id="L47" class="LineNr"> 47 </span>  <span class="Delimiter">{</span>
+<span id="L48" class="LineNr"> 48 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L49" class="LineNr"> 49 </span>    <span class="PreProc">return</span>
+<span id="L50" class="LineNr"> 50 </span>  <span class="Delimiter">}</span>
+<span id="L51" class="LineNr"> 51 </span>  cursor-y <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># screen-height</span>
+<span id="L52" class="LineNr"> 52 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, cursor-x, cursor-y
+<span id="L53" class="LineNr"> 53 </span><span class="Delimiter">}</span>
+<span id="L54" class="LineNr"> 54 </span>
+<span id="L55" class="LineNr"> 55 </span><span class="PreProc">fn</span> <span class="muFunction">draw-grapheme-at-cursor</span> screen: (addr screen), g: grapheme, color: int <span class="Delimiter">{</span>
+<span id="L56" class="LineNr"> 56 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L57" class="LineNr"> 57 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L58" class="LineNr"> 58 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L59" class="LineNr"> 59 </span>  <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, cursor-x, cursor-y, color
+<span id="L60" class="LineNr"> 60 </span><span class="Delimiter">}</span>
+<span id="L61" class="LineNr"> 61 </span>
+<span id="L62" class="LineNr"> 62 </span><span class="muComment"># draw a single line of text from x, y to xmax</span>
+<span id="L63" class="LineNr"> 63 </span><span class="muComment"># return the next 'x' coordinate</span>
+<span id="L64" class="LineNr"> 64 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
+<span id="L65" class="LineNr"> 65 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-rightward</span> screen: (addr screen), text: (addr array byte), x: int, xmax: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
+<span id="L66" class="LineNr"> 66 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
+<span id="L67" class="LineNr"> 67 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
+<span id="L68" class="LineNr"> 68 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
+<span id="L69" class="LineNr"> 69 </span>  <span class="muComment"># check if we have enough space</span>
+<span id="L70" class="LineNr"> 70 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy x
+<span id="L71" class="LineNr"> 71 </span>  <span class="Delimiter">{</span>
+<span id="L72" class="LineNr"> 72 </span>    compare xcurr, xmax
+<span id="L73" class="LineNr"> 73 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L74" class="LineNr"> 74 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L75" class="LineNr"> 75 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L76" class="LineNr"> 76 </span>    <span class="PreProc">break-if-=</span>
+<span id="L77" class="LineNr"> 77 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L78" class="LineNr"> 78 </span>    <span class="PreProc">loop</span>
+<span id="L79" class="LineNr"> 79 </span>  <span class="Delimiter">}</span>
+<span id="L80" class="LineNr"> 80 </span>  compare xcurr, xmax
+<span id="L81" class="LineNr"> 81 </span>  <span class="Delimiter">{</span>
+<span id="L82" class="LineNr"> 82 </span>    <span class="PreProc">break-if-&lt;=</span>
+<span id="L83" class="LineNr"> 83 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>
+<span id="L84" class="LineNr"> 84 </span>  <span class="Delimiter">}</span>
+<span id="L85" class="LineNr"> 85 </span>  <span class="muComment"># we do; actually draw</span>
+<span id="L86" class="LineNr"> 86 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
+<span id="L87" class="LineNr"> 87 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
+<span id="L88" class="LineNr"> 88 </span>  <span class="Delimiter">{</span>
+<span id="L89" class="LineNr"> 89 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L90" class="LineNr"> 90 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L91" class="LineNr"> 91 </span>    <span class="PreProc">break-if-=</span>
+<span id="L92" class="LineNr"> 92 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, y, color
+<span id="L93" class="LineNr"> 93 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
 <span id="L94" class="LineNr"> 94 </span>    <span class="PreProc">loop</span>
 <span id="L95" class="LineNr"> 95 </span>  <span class="Delimiter">}</span>
-<span id="L96" class="LineNr"> 96 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, ycurr
-<span id="L97" class="LineNr"> 97 </span>  <span class="PreProc">return</span> xcurr, ycurr
+<span id="L96" class="LineNr"> 96 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, y
+<span id="L97" class="LineNr"> 97 </span>  <span class="PreProc">return</span> xcurr
 <span id="L98" class="LineNr"> 98 </span><span class="Delimiter">}</span>
 <span id="L99" class="LineNr"> 99 </span>
-<span id="L100" class="LineNr">100 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-over-full-screen</span> screen: (addr screen), text: (addr array byte), x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L100" class="LineNr">100 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-rightward-from-cursor</span> screen: (addr screen), text: (addr array byte), xmax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
 <span id="L101" class="LineNr">101 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L102" class="LineNr">102 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L103" class="LineNr">103 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, x, y, color  <span class="muComment"># 1024, 768</span>
-<span id="L104" class="LineNr">104 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L105" class="LineNr">105 </span><span class="Delimiter">}</span>
-<span id="L106" class="LineNr">106 </span>
-<span id="L107" class="LineNr">107 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-from-cursor</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L108" class="LineNr">108 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L109" class="LineNr">109 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L110" class="LineNr">110 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
-<span id="L111" class="LineNr">111 </span>  <span class="PreProc">var</span> end-x/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy cursor-x
-<span id="L112" class="LineNr">112 </span>  end-x <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L113" class="LineNr">113 </span>  compare end-x, xmax
-<span id="L114" class="LineNr">114 </span>  <span class="Delimiter">{</span>
-<span id="L115" class="LineNr">115 </span>    <span class="PreProc">break-if-&lt;</span>
-<span id="L116" class="LineNr">116 </span>    cursor-x <span class="SpecialChar">&lt;-</span> copy xmin
-<span id="L117" class="LineNr">117 </span>    cursor-y <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L118" class="LineNr">118 </span>  <span class="Delimiter">}</span>
-<span id="L119" class="LineNr">119 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down screen, text, xmin, ymin, xmax, ymax, cursor-x, cursor-y, color
-<span id="L120" class="LineNr">120 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L121" class="LineNr">121 </span><span class="Delimiter">}</span>
-<span id="L122" class="LineNr">122 </span>
-<span id="L123" class="LineNr">123 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-from-cursor-over-full-screen</span> screen: (addr screen), text: (addr array byte), color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L124" class="LineNr">124 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L125" class="LineNr">125 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L126" class="LineNr">126 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down-from-cursor screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, color  <span class="muComment"># 1024, 768</span>
-<span id="L127" class="LineNr">127 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L128" class="LineNr">128 </span><span class="Delimiter">}</span>
-<span id="L129" class="LineNr">129 </span>
-<span id="L130" class="LineNr">130 </span><span class="muComment">## Text direction: down then right</span>
-<span id="L131" class="LineNr">131 </span>
-<span id="L132" class="LineNr">132 </span><span class="muComment"># draw a single line of text vertically from x, y to ymax</span>
-<span id="L133" class="LineNr">133 </span><span class="muComment"># return the next 'y' coordinate</span>
-<span id="L134" class="LineNr">134 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
-<span id="L135" class="LineNr">135 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-downward</span> screen: (addr screen), text: (addr array byte), x: int, y: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
-<span id="L136" class="LineNr">136 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
-<span id="L137" class="LineNr">137 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
-<span id="L138" class="LineNr">138 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
-<span id="L139" class="LineNr">139 </span>  <span class="muComment"># check if we have enough space</span>
-<span id="L140" class="LineNr">140 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
-<span id="L141" class="LineNr">141 </span>  <span class="Delimiter">{</span>
-<span id="L142" class="LineNr">142 </span>    compare ycurr, ymax
-<span id="L143" class="LineNr">143 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L103" class="LineNr">103 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L104" class="LineNr">104 </span>  <span class="PreProc">var</span> result/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> draw-text-rightward screen, text, cursor-x, xmax, cursor-y, color
+<span id="L105" class="LineNr">105 </span>  <span class="PreProc">return</span> result
+<span id="L106" class="LineNr">106 </span><span class="Delimiter">}</span>
+<span id="L107" class="LineNr">107 </span>
+<span id="L108" class="LineNr">108 </span><span class="muComment"># draw text in the rectangle from (xmin, ymin) to (xmax, ymax), starting from (x, y), wrapping as necessary</span>
+<span id="L109" class="LineNr">109 </span><span class="muComment"># return the next (x, y) coordinate in raster order where drawing stopped</span>
+<span id="L110" class="LineNr">110 </span><span class="muComment"># that way the caller can draw more if given the same min and max bounding-box.</span>
+<span id="L111" class="LineNr">111 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
+<span id="L112" class="LineNr">112 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L113" class="LineNr">113 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
+<span id="L114" class="LineNr">114 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
+<span id="L115" class="LineNr">115 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
+<span id="L116" class="LineNr">116 </span>  <span class="muComment"># check if we have enough space</span>
+<span id="L117" class="LineNr">117 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy x
+<span id="L118" class="LineNr">118 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
+<span id="L119" class="LineNr">119 </span>  <span class="Delimiter">{</span>
+<span id="L120" class="LineNr">120 </span>    compare ycurr, ymax
+<span id="L121" class="LineNr">121 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L122" class="LineNr">122 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L123" class="LineNr">123 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L124" class="LineNr">124 </span>    <span class="PreProc">break-if-=</span>
+<span id="L125" class="LineNr">125 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L126" class="LineNr">126 </span>    compare xcurr, xmax
+<span id="L127" class="LineNr">127 </span>    <span class="Delimiter">{</span>
+<span id="L128" class="LineNr">128 </span>      <span class="PreProc">break-if-&lt;</span>
+<span id="L129" class="LineNr">129 </span>      xcurr <span class="SpecialChar">&lt;-</span> copy xmin
+<span id="L130" class="LineNr">130 </span>      ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L131" class="LineNr">131 </span>    <span class="Delimiter">}</span>
+<span id="L132" class="LineNr">132 </span>    <span class="PreProc">loop</span>
+<span id="L133" class="LineNr">133 </span>  <span class="Delimiter">}</span>
+<span id="L134" class="LineNr">134 </span>  compare ycurr, ymax
+<span id="L135" class="LineNr">135 </span>  <span class="Delimiter">{</span>
+<span id="L136" class="LineNr">136 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L137" class="LineNr">137 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>, <span class="Constant">0</span>
+<span id="L138" class="LineNr">138 </span>  <span class="Delimiter">}</span>
+<span id="L139" class="LineNr">139 </span>  <span class="muComment"># we do; actually draw</span>
+<span id="L140" class="LineNr">140 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
+<span id="L141" class="LineNr">141 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
+<span id="L142" class="LineNr">142 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
+<span id="L143" class="LineNr">143 </span>  <span class="Delimiter">{</span>
 <span id="L144" class="LineNr">144 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
 <span id="L145" class="LineNr">145 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
 <span id="L146" class="LineNr">146 </span>    <span class="PreProc">break-if-=</span>
-<span id="L147" class="LineNr">147 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L148" class="LineNr">148 </span>    <span class="PreProc">loop</span>
-<span id="L149" class="LineNr">149 </span>  <span class="Delimiter">}</span>
-<span id="L150" class="LineNr">150 </span>  compare ycurr, ymax
-<span id="L151" class="LineNr">151 </span>  <span class="Delimiter">{</span>
-<span id="L152" class="LineNr">152 </span>    <span class="PreProc">break-if-&lt;=</span>
-<span id="L153" class="LineNr">153 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>
-<span id="L154" class="LineNr">154 </span>  <span class="Delimiter">}</span>
-<span id="L155" class="LineNr">155 </span>  <span class="muComment"># we do; actually draw</span>
-<span id="L156" class="LineNr">156 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
-<span id="L157" class="LineNr">157 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
-<span id="L158" class="LineNr">158 </span>  <span class="Delimiter">{</span>
-<span id="L159" class="LineNr">159 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L160" class="LineNr">160 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L161" class="LineNr">161 </span>    <span class="PreProc">break-if-=</span>
-<span id="L162" class="LineNr">162 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, x, ycurr, color
-<span id="L163" class="LineNr">163 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L164" class="LineNr">164 </span>    <span class="PreProc">loop</span>
-<span id="L165" class="LineNr">165 </span>  <span class="Delimiter">}</span>
-<span id="L166" class="LineNr">166 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, x, ycurr
-<span id="L167" class="LineNr">167 </span>  <span class="PreProc">return</span> ycurr
-<span id="L168" class="LineNr">168 </span><span class="Delimiter">}</span>
-<span id="L169" class="LineNr">169 </span>
-<span id="L170" class="LineNr">170 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-downward-from-cursor</span> screen: (addr screen), text: (addr array byte), ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
-<span id="L171" class="LineNr">171 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L172" class="LineNr">172 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L173" class="LineNr">173 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
-<span id="L174" class="LineNr">174 </span>  <span class="PreProc">var</span> result/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> draw-text-downward screen, text, cursor-x, cursor-y, ymax, color
-<span id="L175" class="LineNr">175 </span>  <span class="PreProc">return</span> result
-<span id="L176" class="LineNr">176 </span><span class="Delimiter">}</span>
-<span id="L177" class="LineNr">177 </span>
-<span id="L178" class="LineNr">178 </span><span class="muComment"># draw text down and right in the rectangle from (xmin, ymin) to (xmax, ymax), starting from (x, y), wrapping as necessary</span>
-<span id="L179" class="LineNr">179 </span><span class="muComment"># return the next (x, y) coordinate in raster order where drawing stopped</span>
-<span id="L180" class="LineNr">180 </span><span class="muComment"># that way the caller can draw more if given the same min and max bounding-box.</span>
-<span id="L181" class="LineNr">181 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
-<span id="L182" class="LineNr">182 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L183" class="LineNr">183 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
-<span id="L184" class="LineNr">184 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
-<span id="L185" class="LineNr">185 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
-<span id="L186" class="LineNr">186 </span>  <span class="muComment"># check if we have enough space</span>
-<span id="L187" class="LineNr">187 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy x
-<span id="L188" class="LineNr">188 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
-<span id="L189" class="LineNr">189 </span>  <span class="Delimiter">{</span>
-<span id="L190" class="LineNr">190 </span>    compare xcurr, xmax
-<span id="L191" class="LineNr">191 </span>    <span class="PreProc">break-if-&gt;=</span>
-<span id="L192" class="LineNr">192 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L193" class="LineNr">193 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L194" class="LineNr">194 </span>    <span class="PreProc">break-if-=</span>
-<span id="L195" class="LineNr">195 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L196" class="LineNr">196 </span>    compare ycurr, ymax
-<span id="L197" class="LineNr">197 </span>    <span class="Delimiter">{</span>
-<span id="L198" class="LineNr">198 </span>      <span class="PreProc">break-if-&lt;</span>
-<span id="L199" class="LineNr">199 </span>      xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L200" class="LineNr">200 </span>      ycurr <span class="SpecialChar">&lt;-</span> copy ymin
-<span id="L201" class="LineNr">201 </span>    <span class="Delimiter">}</span>
-<span id="L202" class="LineNr">202 </span>    <span class="PreProc">loop</span>
-<span id="L203" class="LineNr">203 </span>  <span class="Delimiter">}</span>
-<span id="L204" class="LineNr">204 </span>  compare xcurr, xmax
-<span id="L205" class="LineNr">205 </span>  <span class="Delimiter">{</span>
-<span id="L206" class="LineNr">206 </span>    <span class="PreProc">break-if-&lt;</span>
-<span id="L207" class="LineNr">207 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>, <span class="Constant">0</span>
-<span id="L208" class="LineNr">208 </span>  <span class="Delimiter">}</span>
-<span id="L209" class="LineNr">209 </span>  <span class="muComment"># we do; actually draw</span>
-<span id="L210" class="LineNr">210 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
-<span id="L211" class="LineNr">211 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
-<span id="L212" class="LineNr">212 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
-<span id="L213" class="LineNr">213 </span>  <span class="Delimiter">{</span>
-<span id="L214" class="LineNr">214 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
-<span id="L215" class="LineNr">215 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
-<span id="L216" class="LineNr">216 </span>    <span class="PreProc">break-if-=</span>
-<span id="L217" class="LineNr">217 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, ycurr, color
-<span id="L218" class="LineNr">218 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L219" class="LineNr">219 </span>    compare ycurr, ymax
-<span id="L220" class="LineNr">220 </span>    <span class="Delimiter">{</span>
-<span id="L221" class="LineNr">221 </span>      <span class="PreProc">break-if-&lt;</span>
-<span id="L222" class="LineNr">222 </span>      xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L223" class="LineNr">223 </span>      ycurr <span class="SpecialChar">&lt;-</span> copy ymin
-<span id="L224" class="LineNr">224 </span>    <span class="Delimiter">}</span>
+<span id="L147" class="LineNr">147 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, ycurr, color
+<span id="L148" class="LineNr">148 </span>    xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L149" class="LineNr">149 </span>    compare xcurr, xmax
+<span id="L150" class="LineNr">150 </span>    <span class="Delimiter">{</span>
+<span id="L151" class="LineNr">151 </span>      <span class="PreProc">break-if-&lt;</span>
+<span id="L152" class="LineNr">152 </span>      xcurr <span class="SpecialChar">&lt;-</span> copy xmin
+<span id="L153" class="LineNr">153 </span>      ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L154" class="LineNr">154 </span>    <span class="Delimiter">}</span>
+<span id="L155" class="LineNr">155 </span>    <span class="PreProc">loop</span>
+<span id="L156" class="LineNr">156 </span>  <span class="Delimiter">}</span>
+<span id="L157" class="LineNr">157 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, ycurr
+<span id="L158" class="LineNr">158 </span>  <span class="PreProc">return</span> xcurr, ycurr
+<span id="L159" class="LineNr">159 </span><span class="Delimiter">}</span>
+<span id="L160" class="LineNr">160 </span>
+<span id="L161" class="LineNr">161 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-over-full-screen</span> screen: (addr screen), text: (addr array byte), x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L162" class="LineNr">162 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L163" class="LineNr">163 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L164" class="LineNr">164 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, x, y, color  <span class="muComment"># 1024, 768</span>
+<span id="L165" class="LineNr">165 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L166" class="LineNr">166 </span><span class="Delimiter">}</span>
+<span id="L167" class="LineNr">167 </span>
+<span id="L168" class="LineNr">168 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-from-cursor</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L169" class="LineNr">169 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L170" class="LineNr">170 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L171" class="LineNr">171 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L172" class="LineNr">172 </span>  <span class="PreProc">var</span> end-x/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy cursor-x
+<span id="L173" class="LineNr">173 </span>  end-x <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L174" class="LineNr">174 </span>  compare end-x, xmax
+<span id="L175" class="LineNr">175 </span>  <span class="Delimiter">{</span>
+<span id="L176" class="LineNr">176 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L177" class="LineNr">177 </span>    cursor-x <span class="SpecialChar">&lt;-</span> copy xmin
+<span id="L178" class="LineNr">178 </span>    cursor-y <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L179" class="LineNr">179 </span>  <span class="Delimiter">}</span>
+<span id="L180" class="LineNr">180 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down screen, text, xmin, ymin, xmax, ymax, cursor-x, cursor-y, color
+<span id="L181" class="LineNr">181 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L182" class="LineNr">182 </span><span class="Delimiter">}</span>
+<span id="L183" class="LineNr">183 </span>
+<span id="L184" class="LineNr">184 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-right-then-down-from-cursor-over-full-screen</span> screen: (addr screen), text: (addr array byte), color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L185" class="LineNr">185 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L186" class="LineNr">186 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L187" class="LineNr">187 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-right-then-down-from-cursor screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, color  <span class="muComment"># 1024, 768</span>
+<span id="L188" class="LineNr">188 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L189" class="LineNr">189 </span><span class="Delimiter">}</span>
+<span id="L190" class="LineNr">190 </span>
+<span id="L191" class="LineNr">191 </span><span class="muComment">## Text direction: down then right</span>
+<span id="L192" class="LineNr">192 </span>
+<span id="L193" class="LineNr">193 </span><span class="muComment"># draw a single line of text vertically from x, y to ymax</span>
+<span id="L194" class="LineNr">194 </span><span class="muComment"># return the next 'y' coordinate</span>
+<span id="L195" class="LineNr">195 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
+<span id="L196" class="LineNr">196 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-downward</span> screen: (addr screen), text: (addr array byte), x: int, y: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
+<span id="L197" class="LineNr">197 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
+<span id="L198" class="LineNr">198 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
+<span id="L199" class="LineNr">199 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
+<span id="L200" class="LineNr">200 </span>  <span class="muComment"># check if we have enough space</span>
+<span id="L201" class="LineNr">201 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
+<span id="L202" class="LineNr">202 </span>  <span class="Delimiter">{</span>
+<span id="L203" class="LineNr">203 </span>    compare ycurr, ymax
+<span id="L204" class="LineNr">204 </span>    <span class="PreProc">break-if-&gt;</span>
+<span id="L205" class="LineNr">205 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L206" class="LineNr">206 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L207" class="LineNr">207 </span>    <span class="PreProc">break-if-=</span>
+<span id="L208" class="LineNr">208 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L209" class="LineNr">209 </span>    <span class="PreProc">loop</span>
+<span id="L210" class="LineNr">210 </span>  <span class="Delimiter">}</span>
+<span id="L211" class="LineNr">211 </span>  compare ycurr, ymax
+<span id="L212" class="LineNr">212 </span>  <span class="Delimiter">{</span>
+<span id="L213" class="LineNr">213 </span>    <span class="PreProc">break-if-&lt;=</span>
+<span id="L214" class="LineNr">214 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>
+<span id="L215" class="LineNr">215 </span>  <span class="Delimiter">}</span>
+<span id="L216" class="LineNr">216 </span>  <span class="muComment"># we do; actually draw</span>
+<span id="L217" class="LineNr">217 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
+<span id="L218" class="LineNr">218 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
+<span id="L219" class="LineNr">219 </span>  <span class="Delimiter">{</span>
+<span id="L220" class="LineNr">220 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L221" class="LineNr">221 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L222" class="LineNr">222 </span>    <span class="PreProc">break-if-=</span>
+<span id="L223" class="LineNr">223 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, x, ycurr, color
+<span id="L224" class="LineNr">224 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
 <span id="L225" class="LineNr">225 </span>    <span class="PreProc">loop</span>
 <span id="L226" class="LineNr">226 </span>  <span class="Delimiter">}</span>
-<span id="L227" class="LineNr">227 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, ycurr
-<span id="L228" class="LineNr">228 </span>  <span class="PreProc">return</span> xcurr, ycurr
+<span id="L227" class="LineNr">227 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, x, ycurr
+<span id="L228" class="LineNr">228 </span>  <span class="PreProc">return</span> ycurr
 <span id="L229" class="LineNr">229 </span><span class="Delimiter">}</span>
 <span id="L230" class="LineNr">230 </span>
-<span id="L231" class="LineNr">231 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-over-full-screen</span> screen: (addr screen), text: (addr array byte), x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L231" class="LineNr">231 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-downward-from-cursor</span> screen: (addr screen), text: (addr array byte), ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int <span class="Delimiter">{</span>
 <span id="L232" class="LineNr">232 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L233" class="LineNr">233 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L234" class="LineNr">234 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, x, y, color  <span class="muComment"># 1024, 768</span>
-<span id="L235" class="LineNr">235 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L236" class="LineNr">236 </span><span class="Delimiter">}</span>
-<span id="L237" class="LineNr">237 </span>
-<span id="L238" class="LineNr">238 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-from-cursor</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L239" class="LineNr">239 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L240" class="LineNr">240 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L241" class="LineNr">241 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
-<span id="L242" class="LineNr">242 </span>  <span class="PreProc">var</span> end-y/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy cursor-y
-<span id="L243" class="LineNr">243 </span>  end-y <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
-<span id="L244" class="LineNr">244 </span>  compare end-y, ymax
-<span id="L245" class="LineNr">245 </span>  <span class="Delimiter">{</span>
-<span id="L246" class="LineNr">246 </span>    <span class="PreProc">break-if-&lt;</span>
-<span id="L247" class="LineNr">247 </span>    cursor-x <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
-<span id="L248" class="LineNr">248 </span>    cursor-y <span class="SpecialChar">&lt;-</span> copy ymin
-<span id="L249" class="LineNr">249 </span>  <span class="Delimiter">}</span>
-<span id="L250" class="LineNr">250 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right screen, text, xmin, ymin, xmax, ymax, cursor-x, cursor-y, color
-<span id="L251" class="LineNr">251 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L252" class="LineNr">252 </span><span class="Delimiter">}</span>
-<span id="L253" class="LineNr">253 </span>
-<span id="L254" class="LineNr">254 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-from-cursor-over-full-screen</span> screen: (addr screen), text: (addr array byte), color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
-<span id="L255" class="LineNr">255 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L256" class="LineNr">256 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L257" class="LineNr">257 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right-from-cursor screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, color  <span class="muComment"># 1024, 768</span>
-<span id="L258" class="LineNr">258 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
-<span id="L259" class="LineNr">259 </span><span class="Delimiter">}</span>
+<span id="L234" class="LineNr">234 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L235" class="LineNr">235 </span>  <span class="PreProc">var</span> result/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> draw-text-downward screen, text, cursor-x, cursor-y, ymax, color
+<span id="L236" class="LineNr">236 </span>  <span class="PreProc">return</span> result
+<span id="L237" class="LineNr">237 </span><span class="Delimiter">}</span>
+<span id="L238" class="LineNr">238 </span>
+<span id="L239" class="LineNr">239 </span><span class="muComment"># draw text down and right in the rectangle from (xmin, ymin) to (xmax, ymax), starting from (x, y), wrapping as necessary</span>
+<span id="L240" class="LineNr">240 </span><span class="muComment"># return the next (x, y) coordinate in raster order where drawing stopped</span>
+<span id="L241" class="LineNr">241 </span><span class="muComment"># that way the caller can draw more if given the same min and max bounding-box.</span>
+<span id="L242" class="LineNr">242 </span><span class="muComment"># if there isn't enough space, return 0 without modifying the screen</span>
+<span id="L243" class="LineNr">243 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L244" class="LineNr">244 </span>  <span class="PreProc">var</span> stream-storage: (stream byte <span class="Constant">0x100</span>)
+<span id="L245" class="LineNr">245 </span>  <span class="PreProc">var</span> stream/<span class="Constant">esi</span>: (addr stream byte) <span class="SpecialChar">&lt;-</span> address stream-storage
+<span id="L246" class="LineNr">246 </span>  <a href='108write.subx.html#L5'>write</a> stream, text
+<span id="L247" class="LineNr">247 </span>  <span class="muComment"># check if we have enough space</span>
+<span id="L248" class="LineNr">248 </span>  <span class="PreProc">var</span> xcurr/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy x
+<span id="L249" class="LineNr">249 </span>  <span class="PreProc">var</span> ycurr/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy y
+<span id="L250" class="LineNr">250 </span>  <span class="Delimiter">{</span>
+<span id="L251" class="LineNr">251 </span>    compare xcurr, xmax
+<span id="L252" class="LineNr">252 </span>    <span class="PreProc">break-if-&gt;=</span>
+<span id="L253" class="LineNr">253 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L254" class="LineNr">254 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L255" class="LineNr">255 </span>    <span class="PreProc">break-if-=</span>
+<span id="L256" class="LineNr">256 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L257" class="LineNr">257 </span>    compare ycurr, ymax
+<span id="L258" class="LineNr">258 </span>    <span class="Delimiter">{</span>
+<span id="L259" class="LineNr">259 </span>      <span class="PreProc">break-if-&lt;</span>
+<span id="L260" class="LineNr">260 </span>      xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L261" class="LineNr">261 </span>      ycurr <span class="SpecialChar">&lt;-</span> copy ymin
+<span id="L262" class="LineNr">262 </span>    <span class="Delimiter">}</span>
+<span id="L263" class="LineNr">263 </span>    <span class="PreProc">loop</span>
+<span id="L264" class="LineNr">264 </span>  <span class="Delimiter">}</span>
+<span id="L265" class="LineNr">265 </span>  compare xcurr, xmax
+<span id="L266" class="LineNr">266 </span>  <span class="Delimiter">{</span>
+<span id="L267" class="LineNr">267 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L268" class="LineNr">268 </span>    <span class="PreProc">return</span> <span class="Constant">0</span>, <span class="Constant">0</span>
+<span id="L269" class="LineNr">269 </span>  <span class="Delimiter">}</span>
+<span id="L270" class="LineNr">270 </span>  <span class="muComment"># we do; actually draw</span>
+<span id="L271" class="LineNr">271 </span>  <a href='106stream.subx.html#L56'>rewind-stream</a> stream
+<span id="L272" class="LineNr">272 </span>  xcurr <span class="SpecialChar">&lt;-</span> copy x
+<span id="L273" class="LineNr">273 </span>  ycurr <span class="SpecialChar">&lt;-</span> copy y
+<span id="L274" class="LineNr">274 </span>  <span class="Delimiter">{</span>
+<span id="L275" class="LineNr">275 </span>    <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> read-grapheme stream
+<span id="L276" class="LineNr">276 </span>    compare g, <span class="Constant">0xffffffff</span>  <span class="muComment"># end-of-file</span>
+<span id="L277" class="LineNr">277 </span>    <span class="PreProc">break-if-=</span>
+<span id="L278" class="LineNr">278 </span>    <a href='103grapheme.subx.html#L1'>draw-grapheme</a> screen, g, xcurr, ycurr, color
+<span id="L279" class="LineNr">279 </span>    ycurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L280" class="LineNr">280 </span>    compare ycurr, ymax
+<span id="L281" class="LineNr">281 </span>    <span class="Delimiter">{</span>
+<span id="L282" class="LineNr">282 </span>      <span class="PreProc">break-if-&lt;</span>
+<span id="L283" class="LineNr">283 </span>      xcurr <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L284" class="LineNr">284 </span>      ycurr <span class="SpecialChar">&lt;-</span> copy ymin
+<span id="L285" class="LineNr">285 </span>    <span class="Delimiter">}</span>
+<span id="L286" class="LineNr">286 </span>    <span class="PreProc">loop</span>
+<span id="L287" class="LineNr">287 </span>  <span class="Delimiter">}</span>
+<span id="L288" class="LineNr">288 </span>  <a href='103grapheme.subx.html#L86'>set-cursor-position</a> screen, xcurr, ycurr
+<span id="L289" class="LineNr">289 </span>  <span class="PreProc">return</span> xcurr, ycurr
+<span id="L290" class="LineNr">290 </span><span class="Delimiter">}</span>
+<span id="L291" class="LineNr">291 </span>
+<span id="L292" class="LineNr">292 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-over-full-screen</span> screen: (addr screen), text: (addr array byte), x: int, y: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L293" class="LineNr">293 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L294" class="LineNr">294 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L295" class="LineNr">295 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, x, y, color  <span class="muComment"># 1024, 768</span>
+<span id="L296" class="LineNr">296 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L297" class="LineNr">297 </span><span class="Delimiter">}</span>
+<span id="L298" class="LineNr">298 </span>
+<span id="L299" class="LineNr">299 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-from-cursor</span> screen: (addr screen), text: (addr array byte), xmin: int, ymin: int, xmax: int, ymax: int, color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L300" class="LineNr">300 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L301" class="LineNr">301 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L302" class="LineNr">302 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> <a href='103grapheme.subx.html#L73'>cursor-position</a> screen
+<span id="L303" class="LineNr">303 </span>  <span class="PreProc">var</span> end-y/<span class="Constant">edx</span>: int <span class="SpecialChar">&lt;-</span> copy cursor-y
+<span id="L304" class="LineNr">304 </span>  end-y <span class="SpecialChar">&lt;-</span> add <span class="Constant">0x10</span>  <span class="muComment"># font-height</span>
+<span id="L305" class="LineNr">305 </span>  compare end-y, ymax
+<span id="L306" class="LineNr">306 </span>  <span class="Delimiter">{</span>
+<span id="L307" class="LineNr">307 </span>    <span class="PreProc">break-if-&lt;</span>
+<span id="L308" class="LineNr">308 </span>    cursor-x <span class="SpecialChar">&lt;-</span> add <span class="Constant">8</span>  <span class="muComment"># font-width</span>
+<span id="L309" class="LineNr">309 </span>    cursor-y <span class="SpecialChar">&lt;-</span> copy ymin
+<span id="L310" class="LineNr">310 </span>  <span class="Delimiter">}</span>
+<span id="L311" class="LineNr">311 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right screen, text, xmin, ymin, xmax, ymax, cursor-x, cursor-y, color
+<span id="L312" class="LineNr">312 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L313" class="LineNr">313 </span><span class="Delimiter">}</span>
+<span id="L314" class="LineNr">314 </span>
+<span id="L315" class="LineNr">315 </span><span class="PreProc">fn</span> <span class="muFunction">draw-text-wrapping-down-then-right-from-cursor-over-full-screen</span> screen: (addr screen), text: (addr array byte), color: int<span class="PreProc"> -&gt; </span>_/<span class="Constant">eax</span>: int, _/<span class="Constant">ecx</span>: int <span class="Delimiter">{</span>
+<span id="L316" class="LineNr">316 </span>  <span class="PreProc">var</span> cursor-x/<span class="Constant">eax</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L317" class="LineNr">317 </span>  <span class="PreProc">var</span> cursor-y/<span class="Constant">ecx</span>: int <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0</span>
+<span id="L318" class="LineNr">318 </span>  cursor-x, cursor-y <span class="SpecialChar">&lt;-</span> draw-text-wrapping-down-then-right-from-cursor screen, text, <span class="Constant">0</span>, <span class="Constant">0</span>, <span class="Constant">0x400</span>, <span class="Constant">0x300</span>, color  <span class="muComment"># 1024, 768</span>
+<span id="L319" class="LineNr">319 </span>  <span class="PreProc">return</span> cursor-x, cursor-y
+<span id="L320" class="LineNr">320 </span><span class="Delimiter">}</span>
 </pre>
 </body>
 </html>
diff --git a/html/baremetal/boot.hex.html b/html/baremetal/boot.hex.html
index 610bcbe1..0547c333 100644
--- a/html/baremetal/boot.hex.html
+++ b/html/baremetal/boot.hex.html
@@ -486,10 +486,10 @@ if ('onhashchange' in window) {
 <span id="L431" class="LineNr">431 </span><span class="subxComment">## the rest of this file has data</span>
 <span id="L432" class="LineNr">432 </span>
 <span id="L433" class="LineNr">433 </span><span class="subxComment"># offset 400 (address 0x8000):</span>
-<span id="L434" class="Folded">434 </span><span class="Folded">+--158 lines: # translating keys to ASCII --------------------------------------------------------------------------------------------------------------------------------------------------------------------------</span>
+<span id="L434" class="Folded">434 </span><span class="Folded">+--158 lines: # translating keys to ASCII -----------------------------------------------------------------------------------------------------------------------------------------------</span>
 <span id="L592" class="LineNr">592 </span>
 <span id="L593" class="LineNr">593 </span><span class="subxComment"># offset c00 (address 0x8800)</span>
-<span id="L594" class="Folded">594 </span><span class="Folded">+--236 lines: # Bitmaps for some ASCII characters (soon Unicode) ---------------------------------------------------------------------------------------------------------------------------------------------------</span>
+<span id="L594" class="Folded">594 </span><span class="Folded">+--236 lines: # Bitmaps for some ASCII characters (soon Unicode) ------------------------------------------------------------------------------------------------------------------------</span>
 <span id="L830" class="LineNr">830 </span>
 <span id="L831" class="LineNr">831 </span><span class="subxComment"># offset 1400 (address 0x9000)</span>
 <span id="L832" class="LineNr">832 </span>
diff --git a/html/baremetal/ex7.mu.html b/html/baremetal/ex7.mu.html
new file mode 100644
index 00000000..72ba26f4
--- /dev/null
+++ b/html/baremetal/ex7.mu.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<title>Mu - baremetal/ex7.mu</title>
+<meta name="Generator" content="Vim/8.1">
+<meta name="plugin-version" content="vim8.1_v1">
+<meta name="syntax" content="none">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=">
+<meta name="colorscheme" content="minimal-light">
+<style type="text/css">
+<!--
+pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #c6c6c6; }
+body { font-size:12pt; font-family: monospace; color: #000000; background-color: #c6c6c6; }
+a { color:inherit; }
+* { font-size:12pt; font-size: 1em; }
+.PreProc { color: #c000c0; }
+.LineNr { }
+.Constant { color: #008787; }
+.SpecialChar { color: #d70000; }
+.Delimiter { color: #c000c0; }
+.muFunction { color: #af5f00; text-decoration: underline; }
+.muComment { color: #005faf; }
+-->
+</style>
+
+<script type='text/javascript'>
+<!--
+
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  var lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
+-->
+</script>
+</head>
+<body onload='JumpToLine();'>
+<a href='https://github.com/akkartik/mu/blob/main/baremetal/ex7.mu'>https://github.com/akkartik/mu/blob/main/baremetal/ex7.mu</a>
+<pre id='vimCodeElement'>
+<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Cursor-based motions.</span>
+<span id="L2" class="LineNr"> 2 </span><span class="muComment">#</span>
+<span id="L3" class="LineNr"> 3 </span><span class="muComment"># To build a disk image:</span>
+<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   ./translate_mu_baremetal baremetal/ex7.mu     # emits disk.img</span>
+<span id="L5" class="LineNr"> 5 </span><span class="muComment"># To run:</span>
+<span id="L6" class="LineNr"> 6 </span><span class="muComment">#   qemu-system-i386 disk.img</span>
+<span id="L7" class="LineNr"> 7 </span><span class="muComment"># Or:</span>
+<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   bochs -f baremetal/boot.bochsrc               # boot.bochsrc loads disk.img</span>
+<span id="L9" class="LineNr"> 9 </span><span class="muComment">#</span>
+<span id="L10" class="LineNr">10 </span><span class="muComment"># Expected output: an interactive game a bit like &quot;snakes&quot;. Try pressing h, j,</span>
+<span id="L11" class="LineNr">11 </span><span class="muComment"># k, l.</span>
+<span id="L12" class="LineNr">12 </span>
+<span id="L13" class="LineNr">13 </span><span class="PreProc">fn</span> <span class="muFunction">main</span> <span class="Delimiter">{</span>
+<span id="L14" class="LineNr">14 </span>  <span class="Delimiter">{</span>
+<span id="L15" class="LineNr">15 </span>    <span class="PreProc">var</span> key/<span class="Constant">eax</span>: byte <span class="SpecialChar">&lt;-</span> <a href='102keyboard.subx.html#L3'>read-key</a> <span class="Constant">0</span>
+<span id="L16" class="LineNr">16 </span>    <span class="Delimiter">{</span>
+<span id="L17" class="LineNr">17 </span>      compare key, <span class="Constant">0x68</span>  <span class="muComment"># 'h'</span>
+<span id="L18" class="LineNr">18 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L19" class="LineNr">19 </span>      <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0x2d</span>  <span class="muComment"># '-'</span>
+<span id="L20" class="LineNr">20 </span>      draw-grapheme-at-cursor <span class="Constant">0</span>, g, <span class="Constant">0x31</span>
+<span id="L21" class="LineNr">21 </span>      cursor-left <span class="Constant">0</span>
+<span id="L22" class="LineNr">22 </span>    <span class="Delimiter">}</span>
+<span id="L23" class="LineNr">23 </span>    <span class="Delimiter">{</span>
+<span id="L24" class="LineNr">24 </span>      compare key, <span class="Constant">0x6a</span>  <span class="muComment"># 'j'</span>
+<span id="L25" class="LineNr">25 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L26" class="LineNr">26 </span>      <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0x7c</span>  <span class="muComment"># '|'</span>
+<span id="L27" class="LineNr">27 </span>      draw-grapheme-at-cursor <span class="Constant">0</span>, g, <span class="Constant">0x31</span>
+<span id="L28" class="LineNr">28 </span>      cursor-down <span class="Constant">0</span>
+<span id="L29" class="LineNr">29 </span>    <span class="Delimiter">}</span>
+<span id="L30" class="LineNr">30 </span>    <span class="Delimiter">{</span>
+<span id="L31" class="LineNr">31 </span>      compare key, <span class="Constant">0x6b</span>  <span class="muComment"># 'k'</span>
+<span id="L32" class="LineNr">32 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L33" class="LineNr">33 </span>      <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0x7c</span>  <span class="muComment"># '|'</span>
+<span id="L34" class="LineNr">34 </span>      draw-grapheme-at-cursor <span class="Constant">0</span>, g, <span class="Constant">0x31</span>
+<span id="L35" class="LineNr">35 </span>      cursor-up <span class="Constant">0</span>
+<span id="L36" class="LineNr">36 </span>    <span class="Delimiter">}</span>
+<span id="L37" class="LineNr">37 </span>    <span class="Delimiter">{</span>
+<span id="L38" class="LineNr">38 </span>      compare key, <span class="Constant">0x6c</span>  <span class="muComment"># 'l'</span>
+<span id="L39" class="LineNr">39 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L40" class="LineNr">40 </span>      <span class="PreProc">var</span> g/<span class="Constant">eax</span>: grapheme <span class="SpecialChar">&lt;-</span> copy <span class="Constant">0x2d</span>  <span class="muComment"># '-'</span>
+<span id="L41" class="LineNr">41 </span>      draw-grapheme-at-cursor <span class="Constant">0</span>, g, <span class="Constant">0x31</span>
+<span id="L42" class="LineNr">42 </span>      cursor-right <span class="Constant">0</span>
+<span id="L43" class="LineNr">43 </span>    <span class="Delimiter">}</span>
+<span id="L44" class="LineNr">44 </span>    <span class="PreProc">loop</span>
+<span id="L45" class="LineNr">45 </span>  <span class="Delimiter">}</span>
+<span id="L46" class="LineNr">46 </span><span class="Delimiter">}</span>
+</pre>
+</body>
+</html>
+<!-- vim: set foldmethod=manual : -->