23 files changed, 411 insertions, 297 deletions
diff --git a/html/apps/color-game.mu.html b/html/apps/color-game.mu.html
index e96285ac..224409d9 100644
--- a/html/apps/color-game.mu.html
+++ b/html/apps/color-game.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/color-game.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -29,7 +29,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -72,11 +72,11 @@ if ('onhashchange' in window) {
 <span id="L9" class="LineNr"> 9 </span>  <span class="Delimiter">{</span>
 <span id="L10" class="LineNr">10 </span>    compare leftx, rightx
 <span id="L11" class="LineNr">11 </span>    <span class="PreProc">break-if-&gt;=</span>
-<span id="L12" class="LineNr">12 </span>    <a href='../500fake-screen.mu.html#L307'>clear-screen</a> second-screen
+<span id="L12" class="LineNr">12 </span>    <a href='../500fake-screen.mu.html#L328'>clear-screen</a> second-screen
 <span id="L13" class="LineNr">13 </span>    <span class="muComment"># interesting value: 9/blue with 0xe/yellow</span>
 <span id="L14" class="LineNr">14 </span>    <a href='color-game.mu.html#L31'>color-field</a> second-screen, leftx <span class="Constant">0x40</span>/y, <span class="Constant">0x40</span>/width <span class="Constant">0x40</span>/height, <span class="Constant">1</span>/blue
 <span id="L15" class="LineNr">15 </span>    <a href='color-game.mu.html#L31'>color-field</a> second-screen, rightx <span class="Constant">0x41</span>/y, <span class="Constant">0x40</span>/width <span class="Constant">0x40</span>/height, <span class="Constant">2</span>/green
-<span id="L16" class="LineNr">16 </span>    <a href='../500fake-screen.mu.html#L620'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L16" class="LineNr">16 </span>    <a href='../500fake-screen.mu.html#L641'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L17" class="LineNr">17 </span>    <span class="muComment"># on the first iteration, give everyone a chance to make their guess</span>
 <span id="L18" class="LineNr">18 </span>    <span class="Delimiter">{</span>
 <span id="L19" class="LineNr">19 </span>      compare leftx, <span class="Constant">0x80</span>
@@ -104,7 +104,7 @@ if ('onhashchange' in window) {
 <span id="L41" class="LineNr">41 </span>    <span class="Delimiter">{</span>
 <span id="L42" class="LineNr">42 </span>      compare x, xmax
 <span id="L43" class="LineNr">43 </span>      <span class="PreProc">break-if-&gt;=</span>
-<span id="L44" class="LineNr">44 </span>      <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L44" class="LineNr">44 </span>      <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
 <span id="L45" class="LineNr">45 </span>      x <span class="Special">&lt;-</span> add <span class="Constant">2</span>
 <span id="L46" class="LineNr">46 </span>      <span class="PreProc">loop</span>
 <span id="L47" class="LineNr">47 </span>    <span class="Delimiter">}</span>
@@ -116,7 +116,7 @@ if ('onhashchange' in window) {
 <span id="L53" class="LineNr">53 </span>    <span class="Delimiter">{</span>
 <span id="L54" class="LineNr">54 </span>      compare x, xmax
 <span id="L55" class="LineNr">55 </span>      <span class="PreProc">break-if-&gt;=</span>
-<span id="L56" class="LineNr">56 </span>      <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L56" class="LineNr">56 </span>      <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
 <span id="L57" class="LineNr">57 </span>      x <span class="Special">&lt;-</span> add <span class="Constant">2</span>
 <span id="L58" class="LineNr">58 </span>      <span class="PreProc">loop</span>
 <span id="L59" class="LineNr">59 </span>    <span class="Delimiter">}</span>
diff --git a/html/apps/colors.mu.html b/html/apps/colors.mu.html
index 4952798c..2602ae6b 100644
--- a/html/apps/colors.mu.html
+++ b/html/apps/colors.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/colors.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -29,7 +29,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -78,11 +78,11 @@ if ('onhashchange' in window) {
 <span id="L15" class="LineNr"> 15 </span>  <span class="PreProc">var</span> in/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address in-storage
 <span id="L16" class="LineNr"> 16 </span>  <span class="Delimiter">{</span>
 <span id="L17" class="LineNr"> 17 </span>    <span class="muComment"># print prompt</span>
-<span id="L18" class="LineNr"> 18 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Enter 3 hex bytes for r, g, b (lowercase; no 0x prefix) separated by a single space&gt; &quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x28</span>/y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
+<span id="L18" class="LineNr"> 18 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Enter 3 hex bytes for r, g, b (lowercase; no 0x prefix) separated by a single space&gt; &quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x28</span>/y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
 <span id="L19" class="LineNr"> 19 </span>    <span class="muComment"># read line from keyboard</span>
 <span id="L20" class="LineNr"> 20 </span>    <a href='../106stream.subx.html#L20'>clear-stream</a> in
 <span id="L21" class="LineNr"> 21 </span>    <span class="Delimiter">{</span>
-<span id="L22" class="LineNr"> 22 </span>      <a href='../500fake-screen.mu.html#L293'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x20</span>/space
+<span id="L22" class="LineNr"> 22 </span>      <a href='../500fake-screen.mu.html#L314'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x20</span>/space
 <span id="L23" class="LineNr"> 23 </span>      <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
 <span id="L24" class="LineNr"> 24 </span>      compare key, <span class="Constant">0xa</span>/newline
 <span id="L25" class="LineNr"> 25 </span>      <span class="PreProc">break-if-=</span>
@@ -91,10 +91,10 @@ if ('onhashchange' in window) {
 <span id="L28" class="LineNr"> 28 </span>      <span class="PreProc">var</span> key2/eax: int <span class="Special">&lt;-</span> copy key
 <span id="L29" class="LineNr"> 29 </span>      <a href='../115write-byte.subx.html#L12'>append-byte</a> in, key2
 <span id="L30" class="LineNr"> 30 </span>      <span class="PreProc">var</span> c/eax: code-point <span class="Special">&lt;-</span> copy key2  <span class="muComment"># TODO: unicode input</span>
-<span id="L31" class="LineNr"> 31 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, c, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L31" class="LineNr"> 31 </span>      <a href='../501draw-text.mu.html#L91'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, c, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
 <span id="L32" class="LineNr"> 32 </span>      <span class="PreProc">loop</span>
 <span id="L33" class="LineNr"> 33 </span>    <span class="Delimiter">}</span>
-<span id="L34" class="LineNr"> 34 </span>    <a href='../500fake-screen.mu.html#L307'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L34" class="LineNr"> 34 </span>    <a href='../500fake-screen.mu.html#L328'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L35" class="LineNr"> 35 </span>    <span class="muComment"># parse</span>
 <span id="L36" class="LineNr"> 36 </span>    <span class="PreProc">var</span> a/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L37" class="LineNr"> 37 </span>    <span class="PreProc">var</span> b/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
@@ -112,11 +112,11 @@ if ('onhashchange' in window) {
 <span id="L49" class="LineNr"> 49 </span>    <a href='colors.mu.html#L188'>print-nearby-colors</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, a, b, c
 <span id="L50" class="LineNr"> 50 </span>    <span class="muComment"># another metric</span>
 <span id="L51" class="LineNr"> 51 </span>    <span class="PreProc">var</span> color/eax: int <span class="Special">&lt;-</span> <a href='../505colors.mu.html#L260'>nearest-color-euclidean-hsl</a> a, b, c
-<span id="L52" class="LineNr"> 52 </span>    <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, <span class="Constant">0x26</span>/y
-<span id="L53" class="LineNr"> 53 </span>    <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;nearest (euclidean, h/s/l): &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
-<span id="L54" class="LineNr"> 54 </span>    <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
-<span id="L55" class="LineNr"> 55 </span>    <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
-<span id="L56" class="LineNr"> 56 </span>    <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
+<span id="L52" class="LineNr"> 52 </span>    <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, <span class="Constant">0x26</span>/y
+<span id="L53" class="LineNr"> 53 </span>    <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;nearest (euclidean, h/s/l): &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L54" class="LineNr"> 54 </span>    <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L55" class="LineNr"> 55 </span>    <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L56" class="LineNr"> 56 </span>    <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
 <span id="L57" class="LineNr"> 57 </span>    <span class="muComment">#</span>
 <span id="L58" class="LineNr"> 58 </span>    <span class="PreProc">loop</span>
 <span id="L59" class="LineNr"> 59 </span>  <span class="Delimiter">}</span>
@@ -285,11 +285,11 @@ if ('onhashchange' in window) {
 <span id="L222" class="LineNr">222 </span>      <span class="PreProc">break-if-!=</span>
 <span id="L223" class="LineNr">223 </span>      compare c, l
 <span id="L224" class="LineNr">224 </span>      <span class="PreProc">break-if-!=</span>
-<span id="L225" class="LineNr">225 </span>      <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, y
-<span id="L226" class="LineNr">226 </span>      <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
-<span id="L227" class="LineNr">227 </span>      <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x14</span>/x, y
-<span id="L228" class="LineNr">228 </span>      <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
-<span id="L229" class="LineNr">229 </span>      <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
+<span id="L225" class="LineNr">225 </span>      <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x10</span>/x, y
+<span id="L226" class="LineNr">226 </span>      <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, color, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L227" class="LineNr">227 </span>      <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x14</span>/x, y
+<span id="L228" class="LineNr">228 </span>      <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot; &quot;</span>, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L229" class="LineNr">229 </span>      <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;               &quot;</span>, <span class="Constant">0</span>/fg, color
 <span id="L230" class="LineNr">230 </span><span class="CommentedCode">#?       draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
 <span id="L231" class="LineNr">231 </span><span class="CommentedCode">#?       draw-int32-hex-wrapping-right-then-down-from-cursor-over-full-screen screen, a, 7/fg, 0/bg</span>
 <span id="L232" class="LineNr">232 </span><span class="CommentedCode">#?       draw-text-wrapping-right-then-down-from-cursor-over-full-screen screen, &quot; &quot;, 7/fg, 0/bg</span>
diff --git a/html/apps/ex1.mu.html b/html/apps/ex1.mu.html
index 16aee038..e03c946b 100644
--- a/html/apps/ex1.mu.html
+++ b/html/apps/ex1.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex1.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -22,7 +22,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/ex10.mu.html b/html/apps/ex10.mu.html
index ffab815d..46ee2178 100644
--- a/html/apps/ex10.mu.html
+++ b/html/apps/ex10.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex10.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -25,7 +25,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -84,15 +84,15 @@ if ('onhashchange' in window) {
 <span id="L25" class="LineNr">25 </span>    <span class="Delimiter">{</span>
 <span id="L26" class="LineNr">26 </span>      <span class="PreProc">var</span> dummy1/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L27" class="LineNr">27 </span>      <span class="PreProc">var</span> dummy2/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L28" class="LineNr">28 </span>      dummy1, dummy2 <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L261'>draw-text-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;         &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L28" class="LineNr">28 </span>      dummy1, dummy2 <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L316'>draw-text-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;         &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
 <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>      <span class="PreProc">var</span> dummy/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L32" class="LineNr">32 </span>      dx, dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L371'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dx, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L32" class="LineNr">32 </span>      dx, dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L426'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dx, <span class="Constant">0</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
 <span id="L33" class="LineNr">33 </span>    <span class="Delimiter">}</span>
 <span id="L34" class="LineNr">34 </span>    <span class="Delimiter">{</span>
 <span id="L35" class="LineNr">35 </span>      <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
-<span id="L36" class="LineNr">36 </span>      dummy, dy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L371'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dy, <span class="Constant">5</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L36" class="LineNr">36 </span>      dummy, dy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L426'>draw-int32-decimal-wrapping-right-then-down-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, dy, <span class="Constant">5</span>/x, <span class="Constant">0x10</span>/y, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
 <span id="L37" class="LineNr">37 </span>    <span class="Delimiter">}</span>
 <span id="L38" class="LineNr">38 </span>    <span class="PreProc">loop</span>
 <span id="L39" class="LineNr">39 </span>  <span class="Delimiter">}</span>
diff --git a/html/apps/ex11.mu.html b/html/apps/ex11.mu.html
index 406265ba..cc71489a 100644
--- a/html/apps/ex11.mu.html
+++ b/html/apps/ex11.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex11.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -29,7 +29,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -96,7 +96,7 @@ if ('onhashchange' in window) {
 <span id="L33" class="LineNr"> 33 </span><span class="Delimiter">}</span>
 <span id="L34" class="LineNr"> 34 </span>
 <span id="L35" class="LineNr"> 35 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex11.mu.html#L35'>render</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), _self: (addr <a href='ex11.mu.html#L23'>environment</a>) <span class="Delimiter">{</span>
-<span id="L36" class="LineNr"> 36 </span>  <a href='../500fake-screen.mu.html#L307'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L36" class="LineNr"> 36 </span>  <a href='../500fake-screen.mu.html#L328'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L37" class="LineNr"> 37 </span>  <span class="PreProc">var</span> self/<span class="muRegEsi">esi</span>: (addr <a href='ex11.mu.html#L23'>environment</a>) <span class="Special">&lt;-</span> copy _self
 <span id="L38" class="LineNr"> 38 </span>  <span class="PreProc">var</span> tmp-ah/<span class="muRegEcx">ecx</span>: (addr handle <a href='ex11.mu.html#L30'>point</a>) <span class="Special">&lt;-</span> get self, p0
 <span id="L39" class="LineNr"> 39 </span>  <span class="PreProc">var</span> tmp/eax: (addr <a href='ex11.mu.html#L30'>point</a>) <span class="Special">&lt;-</span> <a href='../120allocate.subx.html#L235'>lookup</a> *tmp-ah
diff --git a/html/apps/ex12.mu.html b/html/apps/ex12.mu.html
index acd12fba..ddfd58e4 100644
--- a/html/apps/ex12.mu.html
+++ b/html/apps/ex12.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex12.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -26,7 +26,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -71,7 +71,7 @@ if ('onhashchange' in window) {
 <span id="L11" class="LineNr">11 </span>  <span class="PreProc">var</span> fg/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L12" class="LineNr">12 </span>  <span class="PreProc">var</span> prev-timer-counter/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L13" class="LineNr">13 </span>  <span class="Delimiter">{</span>
-<span id="L14" class="LineNr">14 </span>    <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, fg, <span class="Constant">0</span>/bg
+<span id="L14" class="LineNr">14 </span>    <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, fg, <span class="Constant">0</span>/bg
 <span id="L15" class="LineNr">15 </span>    <span class="muComment"># wait for timer to bump</span>
 <span id="L16" class="LineNr">16 </span>    <span class="Delimiter">{</span>
 <span id="L17" class="LineNr">17 </span>      <span class="PreProc">var</span> curr-timer-counter/eax: int <span class="Special">&lt;-</span> <a href='../319timer.subx.html#L3'>timer-counter</a>
diff --git a/html/apps/ex13.mu.html b/html/apps/ex13.mu.html
index fbe63285..9eb76a6c 100644
--- a/html/apps/ex13.mu.html
+++ b/html/apps/ex13.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex13.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -26,7 +26,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/ex14.mu.html b/html/apps/ex14.mu.html
index 9b527ec1..3c93e761 100644
--- a/html/apps/ex14.mu.html
+++ b/html/apps/ex14.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex14.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -25,7 +25,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -77,7 +77,7 @@ if ('onhashchange' in window) {
 <span id="L18" class="LineNr">18 </span>  <span class="PreProc">var</span> text-storage: (stream byte <span class="Constant">0x200</span>)
 <span id="L19" class="LineNr">19 </span>  <span class="PreProc">var</span> text/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address text-storage
 <span id="L20" class="LineNr">20 </span>  <a href='../510disk.mu.html#L1'>load-sectors</a> data-disk, <span class="Constant">0</span>/lba, <span class="Constant">1</span>/num-sectors, text
-<span id="L21" class="LineNr">21 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L117'>draw-stream-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, text, <span class="Constant">0</span>/x <span class="Constant">0x80</span>/xmax <span class="Constant">0</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L21" class="LineNr">21 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L124'>draw-stream-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, text, <span class="Constant">0</span>/x <span class="Constant">0x80</span>/xmax <span class="Constant">0</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
 <span id="L22" class="LineNr">22 </span><span class="Delimiter">}</span>
 </pre>
 </body>
diff --git a/html/apps/ex15.mu.html b/html/apps/ex15.mu.html
index fd61ac64..838838b1 100644
--- a/html/apps/ex15.mu.html
+++ b/html/apps/ex15.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex15.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -17,14 +17,16 @@ a { color:inherit; }
 .PreProc { color: #c000c0; }
 .Special { color: #ff6060; }
 .LineNr { }
+.muRegEsi { color: #005faf; }
 .Constant { color: #008787; }
+.muRegEcx { color: #870000; }
 .Delimiter { color: #c000c0; }
 .muFunction { color: #af5f00; text-decoration: underline; }
 .muComment { color: #005faf; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -56,42 +58,155 @@ if ('onhashchange' in window) {
 <body onload='JumpToLine();'>
 <a href='https://github.com/akkartik/mu/blob/main/apps/ex15.mu'>https://github.com/akkartik/mu/blob/main/apps/ex15.mu</a>
 <pre id='vimCodeElement'>
-<span id="L1" class="LineNr"> 1 </span><span class="muComment"># Demo of combining-character support in Mu, which can be summarized as, &quot;the</span>
-<span id="L2" class="LineNr"> 2 </span><span class="muComment"># old typewriter-based approach of backing up one character and adding the</span>
-<span id="L3" class="LineNr"> 3 </span><span class="muComment"># accent or _matra_ in.&quot;</span>
-<span id="L4" class="LineNr"> 4 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Combining_character">https://en.wikipedia.org/wiki/Combining_character</a></span>
-<span id="L5" class="LineNr"> 5 </span><span class="muComment">#</span>
-<span id="L6" class="LineNr"> 6 </span><span class="muComment"># Mu uses this approach for both accents in Latin languages and vowel</span>
-<span id="L7" class="LineNr"> 7 </span><span class="muComment"># diacritics in Abugida scripts.</span>
-<span id="L8" class="LineNr"> 8 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Diacritic">https://en.wikipedia.org/wiki/Diacritic</a></span>
-<span id="L9" class="LineNr"> 9 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Abugida">https://en.wikipedia.org/wiki/Abugida</a></span>
-<span id="L10" class="LineNr">10 </span><span class="muComment">#</span>
-<span id="L11" class="LineNr">11 </span><span class="muComment"># Steps for trying it out:</span>
-<span id="L12" class="LineNr">12 </span><span class="muComment">#   1. Translate this example into a disk image code.img.</span>
-<span id="L13" class="LineNr">13 </span><span class="muComment">#       ./translate apps/ex15.mu</span>
-<span id="L14" class="LineNr">14 </span><span class="muComment">#   2. Run:</span>
-<span id="L15" class="LineNr">15 </span><span class="muComment">#       qemu-system-i386 -hda code.img -hdb data.img</span>
-<span id="L16" class="LineNr">16 </span><span class="muComment">#</span>
-<span id="L17" class="LineNr">17 </span><span class="muComment"># Expected output: 'à' in green in a few places near the top-left corner of</span>
-<span id="L18" class="LineNr">18 </span><span class="muComment"># screen, showing off what this approach can and cannot do.</span>
-<span id="L19" class="LineNr">19 </span>
-<span id="L20" class="LineNr">20 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex15.mu.html#L20'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
-<span id="L21" class="LineNr">21 </span>  <span class="muComment"># at the top of screen, the accent is almost cropped</span>
-<span id="L22" class="LineNr">22 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">0</span>/x <span class="Constant">0</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L23" class="LineNr">23 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">0</span>/x <span class="Constant">0</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L24" class="LineNr">24 </span>
-<span id="L25" class="LineNr">25 </span>  <span class="muComment"># below a grapheme with a descender, the accent uglily overlaps</span>
-<span id="L26" class="LineNr">26 </span>  <span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Descender">https://en.wikipedia.org/wiki/Descender</a></span>
-<span id="L27" class="LineNr">27 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x67</span>/g,                       <span class="Constant">4</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L28" class="LineNr">28 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">4</span>/x <span class="Constant">4</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L29" class="LineNr">29 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">4</span>/x <span class="Constant">4</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L30" class="LineNr">30 </span>
-<span id="L31" class="LineNr">31 </span>  <span class="muComment"># beside a grapheme with a descender, it becomes more obvious that monowidth fonts can't make baselines line up</span>
-<span id="L32" class="LineNr">32 </span>  <span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Baseline_(typography)">https://en.wikipedia.org/wiki/Baseline_(typography)</a></span>
-<span id="L33" class="LineNr">33 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x67</span>/g,                       <span class="Constant">8</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L34" class="LineNr">34 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">9</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L35" class="LineNr">35 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">9</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
-<span id="L36" class="LineNr">36 </span><span class="Delimiter">}</span>
+<span id="L1" class="LineNr">  1 </span><span class="muComment"># Demo of combining-character support in Mu, which can be summarized as, &quot;the</span>
+<span id="L2" class="LineNr">  2 </span><span class="muComment"># old typewriter-based approach of backing up one character and adding the</span>
+<span id="L3" class="LineNr">  3 </span><span class="muComment"># accent or _matra_ in.&quot;</span>
+<span id="L4" class="LineNr">  4 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Combining_character">https://en.wikipedia.org/wiki/Combining_character</a></span>
+<span id="L5" class="LineNr">  5 </span><span class="muComment">#</span>
+<span id="L6" class="LineNr">  6 </span><span class="muComment"># Mu uses this approach for both accents in Latin languages and vowel</span>
+<span id="L7" class="LineNr">  7 </span><span class="muComment"># diacritics in Abugida scripts.</span>
+<span id="L8" class="LineNr">  8 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Diacritic">https://en.wikipedia.org/wiki/Diacritic</a></span>
+<span id="L9" class="LineNr">  9 </span><span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Abugida">https://en.wikipedia.org/wiki/Abugida</a></span>
+<span id="L10" class="LineNr"> 10 </span><span class="muComment">#</span>
+<span id="L11" class="LineNr"> 11 </span><span class="muComment"># Steps for trying it out:</span>
+<span id="L12" class="LineNr"> 12 </span><span class="muComment">#   1. Translate this example into a disk image code.img.</span>
+<span id="L13" class="LineNr"> 13 </span><span class="muComment">#       ./translate apps/ex15.mu</span>
+<span id="L14" class="LineNr"> 14 </span><span class="muComment">#   2. Run:</span>
+<span id="L15" class="LineNr"> 15 </span><span class="muComment">#       qemu-system-i386 -hda code.img -hdb data.img</span>
+<span id="L16" class="LineNr"> 16 </span><span class="muComment">#</span>
+<span id="L17" class="LineNr"> 17 </span><span class="muComment"># Expected output, showing off what this approach can and cannot do:</span>
+<span id="L18" class="LineNr"> 18 </span><span class="muComment">#   'à' in green in a few places near the top-left corner of screen, with</span>
+<span id="L19" class="LineNr"> 19 </span><span class="muComment">#   other letters nearby showing cases where characters blend to the eye.</span>
+<span id="L20" class="LineNr"> 20 </span><span class="muComment">#</span>
+<span id="L21" class="LineNr"> 21 </span><span class="muComment">#   A few Devanagari letter combinations. Devanagari works well except for</span>
+<span id="L22" class="LineNr"> 22 </span><span class="muComment">#   characters blending together.</span>
+<span id="L23" class="LineNr"> 23 </span><span class="muComment">#</span>
+<span id="L24" class="LineNr"> 24 </span><span class="muComment">#   A few Tamil letter combinations. Tamil often doesn't look right, and</span>
+<span id="L25" class="LineNr"> 25 </span><span class="muComment">#   requires ligatures for many letter combinations.</span>
+<span id="L26" class="LineNr"> 26 </span><span class="muComment">#</span>
+<span id="L27" class="LineNr"> 27 </span><span class="muComment">#   Others? (Patches welcome.) I suspect Tibetan in particular will not work</span>
+<span id="L28" class="LineNr"> 28 </span><span class="muComment">#   well with this approach. But I need native readers to assess quality.</span>
+<span id="L29" class="LineNr"> 29 </span>
+<span id="L30" class="LineNr"> 30 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex15.mu.html#L30'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
+<span id="L31" class="LineNr"> 31 </span>  <span class="muComment"># at the top of screen, the accent is almost cropped</span>
+<span id="L32" class="LineNr"> 32 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">0</span>/x <span class="Constant">0</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L33" class="LineNr"> 33 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">0</span>/x <span class="Constant">0</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L34" class="LineNr"> 34 </span>
+<span id="L35" class="LineNr"> 35 </span>  <span class="muComment"># below a grapheme with a descender, the accent uglily overlaps</span>
+<span id="L36" class="LineNr"> 36 </span>  <span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Descender">https://en.wikipedia.org/wiki/Descender</a></span>
+<span id="L37" class="LineNr"> 37 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x67</span>/g,                       <span class="Constant">4</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L38" class="LineNr"> 38 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">4</span>/x <span class="Constant">4</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L39" class="LineNr"> 39 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">4</span>/x <span class="Constant">4</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L40" class="LineNr"> 40 </span>
+<span id="L41" class="LineNr"> 41 </span>  <span class="muComment"># beside a grapheme with a descender, it becomes more obvious that monowidth fonts can't make baselines line up</span>
+<span id="L42" class="LineNr"> 42 </span>  <span class="muComment">#   <a href="https://en.wikipedia.org/wiki/Baseline_(typography)">https://en.wikipedia.org/wiki/Baseline_(typography)</a></span>
+<span id="L43" class="LineNr"> 43 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x67</span>/g,                       <span class="Constant">8</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L44" class="LineNr"> 44 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span>    <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a>   <span class="Constant">0x61</span>/a,                       <span class="Constant">9</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L45" class="LineNr"> 45 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0300</span>/combining-grave-accent,  <span class="Constant">9</span>/x <span class="Constant">3</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L46" class="LineNr"> 46 </span>
+<span id="L47" class="LineNr"> 47 </span>  <span class="muComment"># a single devanagari letter combined with different vowel _matras_</span>
+<span id="L48" class="LineNr"> 48 </span>  <span class="muComment"># ka</span>
+<span id="L49" class="LineNr"> 49 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">4</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L50" class="LineNr"> 50 </span>  <span class="muComment"># kaa</span>
+<span id="L51" class="LineNr"> 51 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">7</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L52" class="LineNr"> 52 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x093e</span>/devanagari-vowel-aa, <span class="Constant">7</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L53" class="LineNr"> 53 </span>  <span class="muComment"># ki</span>
+<span id="L54" class="LineNr"> 54 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0xa</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L55" class="LineNr"> 55 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x093f</span>/devanagari-vowel-i, <span class="Constant">0xa</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L56" class="LineNr"> 56 </span>  <span class="muComment"># kee</span>
+<span id="L57" class="LineNr"> 57 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0xd</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L58" class="LineNr"> 58 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0940</span>/devanagari-vowel-ii, <span class="Constant">0xd</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L59" class="LineNr"> 59 </span>  <span class="muComment"># ku</span>
+<span id="L60" class="LineNr"> 60 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0x10</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L61" class="LineNr"> 61 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0941</span>/devanagari-vowel-u, <span class="Constant">0x10</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L62" class="LineNr"> 62 </span>  <span class="muComment"># koo</span>
+<span id="L63" class="LineNr"> 63 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0x13</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L64" class="LineNr"> 64 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0942</span>/devanagari-vowel-oo, <span class="Constant">0x13</span>/x <span class="Constant">8</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L65" class="LineNr"> 65 </span>  <span class="muComment"># kay</span>
+<span id="L66" class="LineNr"> 66 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">4</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L67" class="LineNr"> 67 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0947</span>/devanagari-vowel-E, <span class="Constant">4</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L68" class="LineNr"> 68 </span>  <span class="muComment"># kai</span>
+<span id="L69" class="LineNr"> 69 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">7</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L70" class="LineNr"> 70 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0948</span>/devanagari-vowel-ai, <span class="Constant">7</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L71" class="LineNr"> 71 </span>  <span class="muComment"># ko</span>
+<span id="L72" class="LineNr"> 72 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0xa</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L73" class="LineNr"> 73 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x094b</span>/devanagari-vowel-o, <span class="Constant">0xa</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L74" class="LineNr"> 74 </span>  <span class="muComment"># kow</span>
+<span id="L75" class="LineNr"> 75 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0xd</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L76" class="LineNr"> 76 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x094f</span>/devanagari-vowel-aw, <span class="Constant">0xd</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L77" class="LineNr"> 77 </span>  <span class="muComment"># kan</span>
+<span id="L78" class="LineNr"> 78 </span>  <span class="muComment"># bump this letter down to show the letter without overlap; we've already established above that overlap is an issue</span>
+<span id="L79" class="LineNr"> 79 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0x10</span>/x <span class="Constant">0xa</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L80" class="LineNr"> 80 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0902</span>/devanagari-anusvara, <span class="Constant">0x10</span>/x <span class="Constant">0xa</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L81" class="LineNr"> 81 </span>  <span class="muComment"># kaha</span>
+<span id="L82" class="LineNr"> 82 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L19'>draw-code-point-on-real-screen</a> <span class="Constant">0x0915</span>/devanagari-letter-ka, <span class="Constant">0x13</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L83" class="LineNr"> 83 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../103glyph.subx.html#L31'>overlay-code-point-on-real-screen</a> <span class="Constant">0x0903</span>/devanagari-visarga, <span class="Constant">0x13</span>/x <span class="Constant">9</span>/y, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L84" class="LineNr"> 84 </span>
+<span id="L85" class="LineNr"> 85 </span>  <span class="muComment"># render the same devanagari letters as a single stream of utf-8 graphemes rather than individual code-points.</span>
+<span id="L86" class="LineNr"> 86 </span>  <span class="PreProc">var</span> text-storage: (stream byte <span class="Constant">0x200</span>)
+<span id="L87" class="LineNr"> 87 </span>  <span class="PreProc">var</span> text/<span class="muRegEsi">esi</span>: (addr stream byte) <span class="Special">&lt;-</span> address text-storage
+<span id="L88" class="LineNr"> 88 </span>  <span class="PreProc">var</span> g/eax: grapheme <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0915</span>/devanagari-letter-ka
+<span id="L89" class="LineNr"> 89 </span>  <span class="PreProc">var</span> ka/<span class="muRegEcx">ecx</span>: grapheme <span class="Special">&lt;-</span> copy g
+<span id="L90" class="LineNr"> 90 </span>  <span class="muComment"># ka</span>
+<span id="L91" class="LineNr"> 91 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L92" class="LineNr"> 92 </span>  <span class="muComment"># kaa</span>
+<span id="L93" class="LineNr"> 93 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L94" class="LineNr"> 94 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x093e</span>/devanagari-vowel-aa
+<span id="L95" class="LineNr"> 95 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L96" class="LineNr"> 96 </span>  <span class="muComment"># ki</span>
+<span id="L97" class="LineNr"> 97 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L98" class="LineNr"> 98 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x093f</span>/devanagari-vowel-i
+<span id="L99" class="LineNr"> 99 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L100" class="LineNr">100 </span>  <span class="muComment"># kee</span>
+<span id="L101" class="LineNr">101 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L102" class="LineNr">102 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0940</span>/devanagari-vowel-ii
+<span id="L103" class="LineNr">103 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L104" class="LineNr">104 </span>  <span class="muComment"># ku</span>
+<span id="L105" class="LineNr">105 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L106" class="LineNr">106 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0941</span>/devanagari-vowel-u
+<span id="L107" class="LineNr">107 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L108" class="LineNr">108 </span>  <span class="muComment"># koo</span>
+<span id="L109" class="LineNr">109 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L110" class="LineNr">110 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0942</span>/devanagari-vowel-oo
+<span id="L111" class="LineNr">111 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L112" class="LineNr">112 </span>  <span class="muComment"># kay</span>
+<span id="L113" class="LineNr">113 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L114" class="LineNr">114 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0947</span>/devanagari-vowel-E
+<span id="L115" class="LineNr">115 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L116" class="LineNr">116 </span>  <span class="muComment"># kai</span>
+<span id="L117" class="LineNr">117 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L118" class="LineNr">118 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0948</span>/devanagari-vowel-ai
+<span id="L119" class="LineNr">119 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L120" class="LineNr">120 </span>  <span class="muComment"># ko</span>
+<span id="L121" class="LineNr">121 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L122" class="LineNr">122 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x094b</span>/devanagari-vowel-o
+<span id="L123" class="LineNr">123 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L124" class="LineNr">124 </span>  <span class="muComment"># kow</span>
+<span id="L125" class="LineNr">125 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L126" class="LineNr">126 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x094f</span>/devanagari-vowel-aw
+<span id="L127" class="LineNr">127 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L128" class="LineNr">128 </span>  <span class="muComment"># kan</span>
+<span id="L129" class="LineNr">129 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L130" class="LineNr">130 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0902</span>/devanagari-anusvara
+<span id="L131" class="LineNr">131 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L132" class="LineNr">132 </span>  <span class="muComment"># kaha</span>
+<span id="L133" class="LineNr">133 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, ka
+<span id="L134" class="LineNr">134 </span>  g <span class="Special">&lt;-</span> <a href='../403unicode.mu.html#L104'>to-grapheme</a> <span class="Constant">0x0903</span>/devanagari-visarga
+<span id="L135" class="LineNr">135 </span>  <a href='../403unicode.mu.html#L339'>write-grapheme</a> text, g
+<span id="L136" class="LineNr">136 </span>  <span class="muComment"># render everything</span>
+<span id="L137" class="LineNr">137 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">4</span>/x <span class="Constant">0xe</span>/y
+<span id="L138" class="LineNr">138 </span>  <a href='../501draw-text.mu.html#L295'>draw-stream-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, text, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L139" class="LineNr">139 </span>
+<span id="L140" class="LineNr">140 </span>  <span class="muComment"># a stream of tamil graphemes (with interspersed spaces for clarity) that don't look the same in Mu</span>
+<span id="L141" class="LineNr">141 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <span class="Constant">0</span>, <span class="Constant">4</span>/x <span class="Constant">0x12</span>/y
+<span id="L142" class="LineNr">142 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>, <span class="Constant">&quot;எ ஃ கு &quot;</span>, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L143" class="LineNr">143 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <span class="Constant">0</span>, <span class="Constant">4</span>/x <span class="Constant">0x13</span>/y
+<span id="L144" class="LineNr">144 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>, <span class="Constant">&quot;அ ன் று &quot;</span>, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L145" class="LineNr">145 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <span class="Constant">0</span>, <span class="Constant">4</span>/x <span class="Constant">0x14</span>/y
+<span id="L146" class="LineNr">146 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>, <span class="Constant">&quot;அ தா வ து &quot;</span> , <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L147" class="LineNr">147 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <span class="Constant">0</span>, <span class="Constant">4</span>/x <span class="Constant">0x15</span>/y
+<span id="L148" class="LineNr">148 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <span class="Constant">0</span>, <span class="Constant">&quot;அ ஃ தா ன் று &quot;</span>, <span class="Constant">3</span>/fg <span class="Constant">0</span>/bg
+<span id="L149" class="LineNr">149 </span><span class="Delimiter">}</span>
 </pre>
 </body>
 </html>
diff --git a/html/apps/ex2.mu.html b/html/apps/ex2.mu.html
index c97b54fe..a8b5b427 100644
--- a/html/apps/ex2.mu.html
+++ b/html/apps/ex2.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex2.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -26,7 +26,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -76,7 +76,7 @@ if ('onhashchange' in window) {
 <span id="L16" class="LineNr">16 </span>      <span class="PreProc">break-if-&gt;=</span>
 <span id="L17" class="LineNr">17 </span>      <span class="PreProc">var</span> color/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy x
 <span id="L18" class="LineNr">18 </span>      color <span class="Special">&lt;-</span> and <span class="Constant">0xff</span>
-<span id="L19" class="LineNr">19 </span>      <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a> x, y, color
+<span id="L19" class="LineNr">19 </span>      <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a> x, y, color
 <span id="L20" class="LineNr">20 </span>      x <span class="Special">&lt;-</span> increment
 <span id="L21" class="LineNr">21 </span>      <span class="PreProc">loop</span>
 <span id="L22" class="LineNr">22 </span>    <span class="Delimiter">}</span>
diff --git a/html/apps/ex3.mu.html b/html/apps/ex3.mu.html
index 268bd3d9..60a92bc8 100644
--- a/html/apps/ex3.mu.html
+++ b/html/apps/ex3.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex3.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -26,7 +26,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/ex4.mu.html b/html/apps/ex4.mu.html
index 89fca96e..93affdd9 100644
--- a/html/apps/ex4.mu.html
+++ b/html/apps/ex4.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex4.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -25,7 +25,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/ex5.mu.html b/html/apps/ex5.mu.html
index 8e4fc8de..539b2bf8 100644
--- a/html/apps/ex5.mu.html
+++ b/html/apps/ex5.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex5.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -24,7 +24,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -67,8 +67,8 @@ if ('onhashchange' in window) {
 <span id="L9" class="LineNr"> 9 </span><span class="muComment"># Expected output: text in green near the top-left corner of screen</span>
 <span id="L10" class="LineNr">10 </span>
 <span id="L11" class="LineNr">11 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex5.mu.html#L11'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
-<span id="L12" class="LineNr">12 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L13" class="LineNr">13 </span>  dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;you shouldn't see this&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0xa0</span>/xmax, <span class="Constant">0x30</span>/y, <span class="Constant">3</span>/fg, <span class="Constant">0</span>/bg  <span class="muComment"># xmax is too narrow</span>
+<span id="L12" class="LineNr">12 </span>  <span class="PreProc">var</span> dummy/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello from baremetal Mu!&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0x400</span>/xmax, <span class="Constant">0x10</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L13" class="LineNr">13 </span>  dummy <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;you shouldn't see this&quot;</span>, <span class="Constant">0x10</span>/x, <span class="Constant">0xa0</span>/xmax, <span class="Constant">0x30</span>/y, <span class="Constant">3</span>/fg, <span class="Constant">0</span>/bg  <span class="muComment"># xmax is too narrow</span>
 <span id="L14" class="LineNr">14 </span><span class="Delimiter">}</span>
 </pre>
 </body>
diff --git a/html/apps/ex6.mu.html b/html/apps/ex6.mu.html
index c0af2711..91fe110e 100644
--- a/html/apps/ex6.mu.html
+++ b/html/apps/ex6.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex6.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -25,7 +25,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -71,21 +71,21 @@ if ('onhashchange' in window) {
 <span id="L12" class="LineNr">12 </span>  <a href='../503manhattan-line.mu.html#L1'>draw-box-on-real-screen</a> <span class="Constant">0xf</span>, <span class="Constant">0x1f</span>, <span class="Constant">0x79</span>, <span class="Constant">0x51</span>, <span class="Constant">0x4</span>
 <span id="L13" class="LineNr">13 </span>  <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
 <span id="L14" class="LineNr">14 </span>  <span class="PreProc">var</span> y/<span class="muRegEcx">ecx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
-<span id="L15" class="LineNr">15 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L181'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello &quot;</span>,     <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L16" class="LineNr">16 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L181'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;from &quot;</span>,      <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L17" class="LineNr">17 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L181'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;baremetal &quot;</span>, <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L18" class="LineNr">18 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L181'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Mu!&quot;</span>,        <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L15" class="LineNr">15 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L188'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;hello &quot;</span>,     <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L16" class="LineNr">16 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L188'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;from &quot;</span>,      <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L17" class="LineNr">17 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L188'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;baremetal &quot;</span>, <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L18" class="LineNr">18 </span>  x, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L188'>draw-text-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;Mu!&quot;</span>,        <span class="Constant">0x10</span>/xmin, <span class="Constant">0x20</span>/ymin, <span class="Constant">0x78</span>/xmax, <span class="Constant">0x50</span>/ymax, x, y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
 <span id="L19" class="LineNr">19 </span>
 <span id="L20" class="LineNr">20 </span>  <span class="muComment"># drawing at the cursor in multiple directions</span>
-<span id="L21" class="LineNr">21 </span>  <a href='../501draw-text.mu.html#L504'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;abc&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L22" class="LineNr">22 </span>  <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;def&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L21" class="LineNr">21 </span>  <a href='../501draw-text.mu.html#L559'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;abc&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L22" class="LineNr">22 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;def&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
 <span id="L23" class="LineNr">23 </span>
 <span id="L24" class="LineNr">24 </span>  <span class="muComment"># test drawing near the edge</span>
-<span id="L25" class="LineNr">25 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;R&quot;</span>, <span class="Constant">0x7f</span>/x, <span class="Constant">0x80</span>/xmax=screen-width, <span class="Constant">0x18</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L26" class="LineNr">26 </span>  <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from R&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L25" class="LineNr">25 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;R&quot;</span>, <span class="Constant">0x7f</span>/x, <span class="Constant">0x80</span>/xmax=screen-width, <span class="Constant">0x18</span>/y, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L26" class="LineNr">26 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from R&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
 <span id="L27" class="LineNr">27 </span>
-<span id="L28" class="LineNr">28 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L406'>draw-text-downward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;D&quot;</span>, <span class="Constant">0x20</span>/x, <span class="Constant">0x2f</span>/y, <span class="Constant">0x30</span>/ymax=screen-height, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
-<span id="L29" class="LineNr">29 </span>  <a href='../501draw-text.mu.html#L504'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from D&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L28" class="LineNr">28 </span>  x <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L461'>draw-text-downward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;D&quot;</span>, <span class="Constant">0x20</span>/x, <span class="Constant">0x2f</span>/y, <span class="Constant">0x30</span>/ymax=screen-height, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
+<span id="L29" class="LineNr">29 </span>  <a href='../501draw-text.mu.html#L559'>draw-text-wrapping-down-then-right-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;wrapped from D&quot;</span>, <span class="Constant">0xa</span>/fg, <span class="Constant">0</span>/bg
 <span id="L30" class="LineNr">30 </span><span class="Delimiter">}</span>
 </pre>
 </body>
diff --git a/html/apps/ex7.mu.html b/html/apps/ex7.mu.html
index 6dbd0e24..50d9d4b5 100644
--- a/html/apps/ex7.mu.html
+++ b/html/apps/ex7.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex7.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -24,7 +24,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -67,39 +67,38 @@ if ('onhashchange' in window) {
 <span id="L9" class="LineNr"> 9 </span><span class="muComment"># k, l.</span>
 <span id="L10" class="LineNr">10 </span>
 <span id="L11" class="LineNr">11 </span><span class="PreProc">fn</span> <span class="muFunction"><a href='ex7.mu.html#L11'>main</a></span> <a href='../500fake-screen.mu.html#L14'>screen</a>: (addr <a href='../500fake-screen.mu.html#L14'>screen</a>), keyboard: (addr keyboard), data-disk: (addr disk) <span class="Delimiter">{</span>
-<span id="L12" class="LineNr">12 </span>  <span class="PreProc">var</span> space/eax: grapheme <span class="Special">&lt;-</span> copy <span class="Constant">0x20</span>
-<span id="L13" class="LineNr">13 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0</span>, <span class="Constant">0</span>
-<span id="L14" class="LineNr">14 </span>  <span class="Delimiter">{</span>
-<span id="L15" class="LineNr">15 </span>    <a href='../500fake-screen.mu.html#L293'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space
-<span id="L16" class="LineNr">16 </span>    <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
-<span id="L17" class="LineNr">17 </span>    <span class="Delimiter">{</span>
-<span id="L18" class="LineNr">18 </span>      compare key, <span class="Constant">0x68</span>/h
-<span id="L19" class="LineNr">19 </span>      <span class="PreProc">break-if-!=</span>
-<span id="L20" class="LineNr">20 </span>      draw-code-point-at-cursor <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
-<span id="L21" class="LineNr">21 </span>      <a href='../501draw-text.mu.html#L3'>move-cursor-left</a> <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>/j
-<span id="L25" class="LineNr">25 </span>      <span class="PreProc">break-if-!=</span>
-<span id="L26" class="LineNr">26 </span>      draw-code-point-at-cursor <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
-<span id="L27" class="LineNr">27 </span>      <a href='../501draw-text.mu.html#L47'>move-cursor-down</a> <span class="Constant">0</span>
-<span id="L28" class="LineNr">28 </span>    <span class="Delimiter">}</span>
-<span id="L29" class="LineNr">29 </span>    <span class="Delimiter">{</span>
-<span id="L30" class="LineNr">30 </span>      compare key, <span class="Constant">0x6b</span>/k
-<span id="L31" class="LineNr">31 </span>      <span class="PreProc">break-if-!=</span>
-<span id="L32" class="LineNr">32 </span>      draw-code-point-at-cursor <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
-<span id="L33" class="LineNr">33 </span>      <a href='../501draw-text.mu.html#L34'>move-cursor-up</a> <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="Delimiter">{</span>
-<span id="L36" class="LineNr">36 </span>      compare key, <span class="Constant">0x6c</span>/l
-<span id="L37" class="LineNr">37 </span>      <span class="PreProc">break-if-!=</span>
-<span id="L38" class="LineNr">38 </span>      <span class="PreProc">var</span> g/eax: code-point <span class="Special">&lt;-</span> copy <span class="Constant">0x2d</span>/dash
-<span id="L39" class="LineNr">39 </span>      draw-code-point-at-cursor <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
-<span id="L40" class="LineNr">40 </span>      <a href='../501draw-text.mu.html#L16'>move-cursor-right</a> <span class="Constant">0</span>
-<span id="L41" class="LineNr">41 </span>    <span class="Delimiter">}</span>
-<span id="L42" class="LineNr">42 </span>    <span class="PreProc">loop</span>
-<span id="L43" class="LineNr">43 </span>  <span class="Delimiter">}</span>
-<span id="L44" class="LineNr">44 </span><span class="Delimiter">}</span>
+<span id="L12" class="LineNr">12 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0</span>, <span class="Constant">0</span>
+<span id="L13" class="LineNr">13 </span>  <span class="Delimiter">{</span>
+<span id="L14" class="LineNr">14 </span>    <a href='../500fake-screen.mu.html#L314'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x20</span>/space
+<span id="L15" class="LineNr">15 </span>    <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
+<span id="L16" class="LineNr">16 </span>    <span class="Delimiter">{</span>
+<span id="L17" class="LineNr">17 </span>      compare key, <span class="Constant">0x80</span>/left-arrow
+<span id="L18" class="LineNr">18 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L19" class="LineNr">19 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L20" class="LineNr">20 </span>      <a href='../501draw-text.mu.html#L3'>move-cursor-left</a> <span class="Constant">0</span>
+<span id="L21" class="LineNr">21 </span>    <span class="Delimiter">}</span>
+<span id="L22" class="LineNr">22 </span>    <span class="Delimiter">{</span>
+<span id="L23" class="LineNr">23 </span>      compare key, <span class="Constant">0x81</span>/down-arrow
+<span id="L24" class="LineNr">24 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L25" class="LineNr">25 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L26" class="LineNr">26 </span>      <a href='../501draw-text.mu.html#L47'>move-cursor-down</a> <span class="Constant">0</span>
+<span id="L27" class="LineNr">27 </span>    <span class="Delimiter">}</span>
+<span id="L28" class="LineNr">28 </span>    <span class="Delimiter">{</span>
+<span id="L29" class="LineNr">29 </span>      compare key, <span class="Constant">0x82</span>/up-arrow
+<span id="L30" class="LineNr">30 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L31" class="LineNr">31 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x7c</span>/vertical-bar, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L32" class="LineNr">32 </span>      <a href='../501draw-text.mu.html#L34'>move-cursor-up</a> <span class="Constant">0</span>
+<span id="L33" class="LineNr">33 </span>    <span class="Delimiter">}</span>
+<span id="L34" class="LineNr">34 </span>    <span class="Delimiter">{</span>
+<span id="L35" class="LineNr">35 </span>      compare key, <span class="Constant">0x83</span>/right-arrow
+<span id="L36" class="LineNr">36 </span>      <span class="PreProc">break-if-!=</span>
+<span id="L37" class="LineNr">37 </span>      <span class="PreProc">var</span> g/eax: code-point <span class="Special">&lt;-</span> copy <span class="Constant">0x2d</span>/dash
+<span id="L38" class="LineNr">38 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/dash, <span class="Constant">0x31</span>/fg, <span class="Constant">0</span>/bg
+<span id="L39" class="LineNr">39 </span>      <a href='../501draw-text.mu.html#L16'>move-cursor-right</a> <span class="Constant">0</span>
+<span id="L40" class="LineNr">40 </span>    <span class="Delimiter">}</span>
+<span id="L41" class="LineNr">41 </span>    <span class="PreProc">loop</span>
+<span id="L42" class="LineNr">42 </span>  <span class="Delimiter">}</span>
+<span id="L43" class="LineNr">43 </span><span class="Delimiter">}</span>
 </pre>
 </body>
 </html>
diff --git a/html/apps/ex8.mu.html b/html/apps/ex8.mu.html
index 429cddf4..d27adafd 100644
--- a/html/apps/ex8.mu.html
+++ b/html/apps/ex8.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex8.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -24,7 +24,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/ex9.mu.html b/html/apps/ex9.mu.html
index 891a510f..88eecf70 100644
--- a/html/apps/ex9.mu.html
+++ b/html/apps/ex9.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/ex9.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -26,7 +26,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/hest-life.mu.html b/html/apps/hest-life.mu.html
index 3c781697..c98137d4 100644
--- a/html/apps/hest-life.mu.html
+++ b/html/apps/hest-life.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/hest-life.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -30,7 +30,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -93,7 +93,7 @@ if ('onhashchange' in window) {
 <span id="L29" class="LineNr">  29 </span>  <a href='../500fake-screen.mu.html#L32'>initialize-screen</a> second-screen, <span class="Constant">0x80</span>, <span class="Constant">0x30</span>, <span class="Constant">1</span>/include-pixels
 <span id="L30" class="LineNr">  30 </span>  <a href='hest-life.mu.html#L63'>render</a> second-screen, env
 <span id="L31" class="LineNr">  31 </span>  convert-graphemes-to-pixels second-screen
-<span id="L32" class="LineNr">  32 </span>  <a href='../500fake-screen.mu.html#L620'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L32" class="LineNr">  32 </span>  <a href='../500fake-screen.mu.html#L641'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L33" class="LineNr">  33 </span>  <span class="Delimiter">{</span>
 <span id="L34" class="LineNr">  34 </span>    <a href='hest-life.mu.html#L595'>edit</a> keyboard, env
 <span id="L35" class="LineNr">  35 </span>    <span class="PreProc">var</span> play?/eax: (addr boolean) <span class="Special">&lt;-</span> get env, play?
@@ -101,10 +101,10 @@ if ('onhashchange' in window) {
 <span id="L37" class="LineNr">  37 </span>    <span class="Delimiter">{</span>
 <span id="L38" class="LineNr">  38 </span>      <span class="PreProc">break-if-=</span>
 <span id="L39" class="LineNr">  39 </span>      <a href='hest-life.mu.html#L679'>step</a> env
-<span id="L40" class="LineNr">  40 </span>      <a href='../500fake-screen.mu.html#L307'>clear-screen</a> second-screen
+<span id="L40" class="LineNr">  40 </span>      <a href='../500fake-screen.mu.html#L328'>clear-screen</a> second-screen
 <span id="L41" class="LineNr">  41 </span>      <a href='hest-life.mu.html#L63'>render</a> second-screen, env
 <span id="L42" class="LineNr">  42 </span>      convert-graphemes-to-pixels second-screen
-<span id="L43" class="LineNr">  43 </span>      <a href='../500fake-screen.mu.html#L620'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L43" class="LineNr">  43 </span>      <a href='../500fake-screen.mu.html#L641'>copy-pixels</a> second-screen, <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L44" class="LineNr">  44 </span>    <span class="Delimiter">}</span>
 <span id="L45" class="LineNr">  45 </span>    <a href='hest-life.mu.html#L1019'>linger</a>
 <span id="L46" class="LineNr">  46 </span>    <span class="PreProc">loop</span>
@@ -130,13 +130,13 @@ if ('onhashchange' in window) {
 <span id="L66" class="LineNr">  66 </span>  compare *zoom, <span class="Constant">0</span>
 <span id="L67" class="LineNr">  67 </span>  <span class="Delimiter">{</span>
 <span id="L68" class="LineNr">  68 </span>    <span class="PreProc">break-if-!=</span>
-<span id="L69" class="LineNr">  69 </span>    <a href='../500fake-screen.mu.html#L307'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L69" class="LineNr">  69 </span>    <a href='../500fake-screen.mu.html#L328'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L70" class="LineNr">  70 </span>    <a href='hest-life.mu.html#L92'>render0</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, self
 <span id="L71" class="LineNr">  71 </span>  <span class="Delimiter">}</span>
 <span id="L72" class="LineNr">  72 </span>  compare *zoom, <span class="Constant">1</span>
 <span id="L73" class="LineNr">  73 </span>  <span class="Delimiter">{</span>
 <span id="L74" class="LineNr">  74 </span>    <span class="PreProc">break-if-!=</span>
-<span id="L75" class="LineNr">  75 </span>    <a href='../500fake-screen.mu.html#L307'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
+<span id="L75" class="LineNr">  75 </span>    <a href='../500fake-screen.mu.html#L328'>clear-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>
 <span id="L76" class="LineNr">  76 </span>    <a href='hest-life.mu.html#L212'>render1</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, self
 <span id="L77" class="LineNr">  77 </span>  <span class="Delimiter">}</span>
 <span id="L78" class="LineNr">  78 </span>  compare *zoom, <span class="Constant">4</span>
@@ -146,8 +146,8 @@ if ('onhashchange' in window) {
 <span id="L82" class="LineNr">  82 </span>  <span class="Delimiter">}</span>
 <span id="L83" class="LineNr">  83 </span>  <span class="muComment"># clock</span>
 <span id="L84" class="LineNr">  84 </span>  <span class="PreProc">var</span> tick-a/eax: (addr int) <span class="Special">&lt;-</span> get self, tick
-<span id="L85" class="LineNr">  85 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x78</span>/x, <span class="Constant">0</span>/y
-<span id="L86" class="LineNr">  86 </span>  <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *tick-a, <span class="Constant">7</span>/fg <span class="Constant">0</span>/bg
+<span id="L85" class="LineNr">  85 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x78</span>/x, <span class="Constant">0</span>/y
+<span id="L86" class="LineNr">  86 </span>  <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, *tick-a, <span class="Constant">7</span>/fg <span class="Constant">0</span>/bg
 <span id="L87" class="LineNr">  87 </span><span class="Delimiter">}</span>
 <span id="L88" class="LineNr">  88 </span>
 <span id="L89" class="LineNr">  89 </span><span class="muComment"># Lots of hardcoded constants for now.</span>
@@ -180,8 +180,8 @@ if ('onhashchange' in window) {
 <span id="L116" class="LineNr"> 116 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x350</span>/xmin  <span class="Constant">0x170</span>/ymin,   <span class="Constant">0x370</span>/xmax  <span class="Constant">0x190</span>/ymax,  color
 <span id="L117" class="LineNr"> 117 </span>  <span class="muComment"># sum node</span>
 <span id="L118" class="LineNr"> 118 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x170</span>/xsmin <span class="Constant">0x140</span>/ysmin,  <span class="Constant">0x190</span>/xsmax <span class="Constant">0x160</span>/ysmax, <span class="Constant">0x40</span>/color
-<span id="L119" class="LineNr"> 119 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/scol, <span class="Constant">0x13</span>/srow
-<span id="L120" class="LineNr"> 120 </span>  <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;+&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
+<span id="L119" class="LineNr"> 119 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>/scol, <span class="Constant">0x13</span>/srow
+<span id="L120" class="LineNr"> 120 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;+&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
 <span id="L121" class="LineNr"> 121 </span>  <span class="muComment"># conveyors from neighboring inputs to sum node</span>
 <span id="L122" class="LineNr"> 122 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa0</span>/x0  <span class="Constant">0x20</span>/y0,  <span class="Constant">0x100</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
 <span id="L123" class="LineNr"> 123 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xa0</span>/x0 <span class="Constant">0x180</span>/y0,   <span class="Constant">0xc0</span>/x1 <span class="Constant">0x150</span>/ys,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
@@ -193,8 +193,8 @@ if ('onhashchange' in window) {
 <span id="L129" class="LineNr"> 129 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x360</span>/x0 <span class="Constant">0x2e0</span>/y0,  <span class="Constant">0x180</span>/x1 <span class="Constant">0x200</span>/y1,  <span class="Constant">0x180</span>/xs <span class="Constant">0x150</span>/ys,  <span class="Constant">4</span>/color
 <span id="L130" class="LineNr"> 130 </span>  <span class="muComment"># filter node</span>
 <span id="L131" class="LineNr"> 131 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x200</span>/xfmin <span class="Constant">0x1c0</span>/yfmin, <span class="Constant">0x220</span>/xfmax <span class="Constant">0x1e0</span>/yfmax, <span class="Constant">0x31</span>/color
-<span id="L132" class="LineNr"> 132 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x40</span>/fcol, <span class="Constant">0x1b</span>/frow
-<span id="L133" class="LineNr"> 133 </span>  <a href='../501draw-text.mu.html#L284'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;?&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
+<span id="L132" class="LineNr"> 132 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x40</span>/fcol, <span class="Constant">0x1b</span>/frow
+<span id="L133" class="LineNr"> 133 </span>  <a href='../501draw-text.mu.html#L339'>draw-text-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;?&quot;</span>, <span class="Constant">0xf</span>/color, <span class="Constant">0</span>/bg
 <span id="L134" class="LineNr"> 134 </span>  <span class="muComment"># conveyor from sum node to filter node</span>
 <span id="L135" class="LineNr"> 135 </span>  <a href='../507line.mu.html#L1'>draw-line</a> <a href='../500fake-screen.mu.html#L14'>screen</a> <span class="Constant">0x180</span>/xs, <span class="Constant">0x150</span>/ys, <span class="Constant">0x210</span>/xf, <span class="Constant">0x1d0</span>/yf, <span class="Constant">0xa2</span>/color
 <span id="L136" class="LineNr"> 136 </span>  <span class="muComment"># cell outputs at corners</span>
@@ -251,9 +251,9 @@ if ('onhashchange' in window) {
 <span id="L187" class="LineNr"> 187 </span>    <span class="PreProc">var</span> three-f/<span class="Constant">xmm0</span>: float <span class="Special">&lt;-</span> convert three
 <span id="L188" class="LineNr"> 188 </span>    u <span class="Special">&lt;-</span> divide three-f
 <span id="L189" class="LineNr"> 189 </span>    <a href='hest-life.mu.html#L588'>draw-linear-point</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, u, <span class="Constant">0x180</span>/xs, <span class="Constant">0x150</span>/ys, <span class="Constant">0x210</span>/xf, <span class="Constant">0x1d0</span>/yf, <span class="Constant">7</span>/color, <span class="Constant">4</span>/radius
-<span id="L190" class="LineNr"> 190 </span>    <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x3a</span>/scol, <span class="Constant">0x18</span>/srow
+<span id="L190" class="LineNr"> 190 </span>    <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x3a</span>/scol, <span class="Constant">0x18</span>/srow
 <span id="L191" class="LineNr"> 191 </span>    <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
-<span id="L192" class="LineNr"> 192 </span>    <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L192" class="LineNr"> 192 </span>    <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
 <span id="L193" class="LineNr"> 193 </span>    <span class="PreProc">return</span>
 <span id="L194" class="LineNr"> 194 </span>  <span class="Delimiter">}</span>
 <span id="L195" class="LineNr"> 195 </span>  <span class="muComment"># final 7 time steps for updating output</span>
@@ -369,17 +369,17 @@ if ('onhashchange' in window) {
 <span id="L305" class="LineNr"> 305 </span>  <a href='../507line.mu.html#L86'>draw-rect</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2a0</span>/xfmin <span class="Constant">0x218</span>/yfmin, <span class="Constant">0x2b0</span>/xfmax <span class="Constant">0x228</span>/yfmax, <span class="Constant">0x31</span>/color
 <span id="L306" class="LineNr"> 306 </span>  <span class="muComment"># neighbor counts</span>
 <span id="L307" class="LineNr"> 307 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x60</span>/cury
-<span id="L308" class="LineNr"> 308 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0xe</span>
-<span id="L309" class="LineNr"> 309 </span>  <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L308" class="LineNr"> 308 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0xe</span>
+<span id="L309" class="LineNr"> 309 </span>  <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
 <span id="L310" class="LineNr"> 310 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x60</span>/cury
-<span id="L311" class="LineNr"> 311 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0xe</span>
-<span id="L312" class="LineNr"> 312 </span>  <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L311" class="LineNr"> 311 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0xe</span>
+<span id="L312" class="LineNr"> 312 </span>  <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
 <span id="L313" class="LineNr"> 313 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x80</span>/curx, <span class="Constant">0x61</span>/cury
-<span id="L314" class="LineNr"> 314 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0x20</span>
-<span id="L315" class="LineNr"> 315 </span>  <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L314" class="LineNr"> 314 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x2d</span>, <span class="Constant">0x20</span>
+<span id="L315" class="LineNr"> 315 </span>  <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
 <span id="L316" class="LineNr"> 316 </span>  <span class="PreProc">var</span> n/eax: int <span class="Special">&lt;-</span> <a href='hest-life.mu.html#L953'>num-live-neighbors</a> self, <span class="Constant">0x81</span>/curx, <span class="Constant">0x61</span>/cury
-<span id="L317" class="LineNr"> 317 </span>  <a href='../500fake-screen.mu.html#L246'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0x20</span>
-<span id="L318" class="LineNr"> 318 </span>  <a href='../501draw-text.mu.html#L394'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
+<span id="L317" class="LineNr"> 317 </span>  <a href='../500fake-screen.mu.html#L267'>set-cursor-position</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">0x52</span>, <span class="Constant">0x20</span>
+<span id="L318" class="LineNr"> 318 </span>  <a href='../501draw-text.mu.html#L449'>draw-int32-decimal-wrapping-right-then-down-from-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, n, <span class="Constant">0xf</span>/fg <span class="Constant">0</span>/bg
 <span id="L319" class="LineNr"> 319 </span>  <span class="muComment"># cell 0: conveyors from neighboring inputs to sum node</span>
 <span id="L320" class="LineNr"> 320 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0x40</span>/y0,  <span class="Constant">0x100</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
 <span id="L321" class="LineNr"> 321 </span>  <a href='../509bezier.mu.html#L14'>draw-monotonic-bezier</a> <a href='../500fake-screen.mu.html#L14'>screen</a>,  <span class="Constant">0xc0</span>/x0  <span class="Constant">0xe8</span>/y0,   <span class="Constant">0xc0</span>/x1  <span class="Constant">0xd0</span>/ys, <span class="Constant">0x150</span>/xs  <span class="Constant">0xd0</span>/ys,  <span class="Constant">4</span>/color
diff --git a/html/apps/life.mu.html b/html/apps/life.mu.html
index af4a479a..a9c75a16 100644
--- a/html/apps/life.mu.html
+++ b/html/apps/life.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/life.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -30,7 +30,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
diff --git a/html/apps/mandelbrot-fixed.mu.html b/html/apps/mandelbrot-fixed.mu.html
index b6781279..a5214703 100644
--- a/html/apps/mandelbrot-fixed.mu.html
+++ b/html/apps/mandelbrot-fixed.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/mandelbrot-fixed.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -30,7 +30,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -214,7 +214,7 @@ if ('onhashchange' in window) {
 <span id="L150" class="LineNr">150 </span>        dummy, color <span class="Special">&lt;-</span> <a href='../314divide.subx.html#L3'>integer-divide</a> iterations, <span class="Constant">0x18</span>/<span class="Constant">24</span>/size-of-cycle-0
 <span id="L151" class="LineNr">151 </span>        color <span class="Special">&lt;-</span> add <span class="Constant">0x20</span>/cycle-0
 <span id="L152" class="LineNr">152 </span>      <span class="Delimiter">}</span>
-<span id="L153" class="LineNr">153 </span>      <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L153" class="LineNr">153 </span>      <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
 <span id="L154" class="LineNr">154 </span>      x <span class="Special">&lt;-</span> increment
 <span id="L155" class="LineNr">155 </span>      <span class="PreProc">loop</span>
 <span id="L156" class="LineNr">156 </span>    <span class="Delimiter">}</span>
diff --git a/html/apps/mandelbrot-silhouette.mu.html b/html/apps/mandelbrot-silhouette.mu.html
index 87cc8150..572c9b2e 100644
--- a/html/apps/mandelbrot-silhouette.mu.html
+++ b/html/apps/mandelbrot-silhouette.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/mandelbrot-silhouette.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -28,7 +28,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -98,12 +98,12 @@ if ('onhashchange' in window) {
 <span id="L36" class="LineNr"> 36 </span>      compare iterations, <span class="Constant">0x400</span>/max
 <span id="L37" class="LineNr"> 37 </span>      <span class="Delimiter">{</span>
 <span id="L38" class="LineNr"> 38 </span>        <span class="PreProc">break-if-&gt;=</span>
-<span id="L39" class="LineNr"> 39 </span>        <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0xf</span>/white
+<span id="L39" class="LineNr"> 39 </span>        <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0xf</span>/white
 <span id="L40" class="LineNr"> 40 </span>      <span class="Delimiter">}</span>
 <span id="L41" class="LineNr"> 41 </span>      compare iterations, <span class="Constant">0x400</span>/max
 <span id="L42" class="LineNr"> 42 </span>      <span class="Delimiter">{</span>
 <span id="L43" class="LineNr"> 43 </span>        <span class="PreProc">break-if-&lt;</span>
-<span id="L44" class="LineNr"> 44 </span>        <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0</span>/black
+<span id="L44" class="LineNr"> 44 </span>        <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, <span class="Constant">0</span>/black
 <span id="L45" class="LineNr"> 45 </span>      <span class="Delimiter">}</span>
 <span id="L46" class="LineNr"> 46 </span>      x <span class="Special">&lt;-</span> increment
 <span id="L47" class="LineNr"> 47 </span>      <span class="PreProc">loop</span>
diff --git a/html/apps/mandelbrot.mu.html b/html/apps/mandelbrot.mu.html
index b432dd3e..0c193903 100644
--- a/html/apps/mandelbrot.mu.html
+++ b/html/apps/mandelbrot.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/mandelbrot.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -29,7 +29,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -124,7 +124,7 @@ if ('onhashchange' in window) {
 <span id="L61" class="LineNr"> 61 </span>      <span class="PreProc">var</span> color/<span class="muRegEdx">edx</span>: int <span class="Special">&lt;-</span> copy <span class="Constant">0</span>
 <span id="L62" class="LineNr"> 62 </span>      iterations, color <span class="Special">&lt;-</span> <a href='../314divide.subx.html#L3'>integer-divide</a> iterations, <span class="Constant">0x18</span>/<span class="Constant">24</span>/size-of-cycle-0
 <span id="L63" class="LineNr"> 63 </span>      color <span class="Special">&lt;-</span> add <span class="Constant">0x20</span>/cycle-0
-<span id="L64" class="LineNr"> 64 </span>      <a href='../500fake-screen.mu.html#L557'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
+<span id="L64" class="LineNr"> 64 </span>      <a href='../500fake-screen.mu.html#L578'>pixel</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, x, y, color
 <span id="L65" class="LineNr"> 65 </span>      x <span class="Special">&lt;-</span> increment
 <span id="L66" class="LineNr"> 66 </span>      <span class="PreProc">loop</span>
 <span id="L67" class="LineNr"> 67 </span>    <span class="Delimiter">}</span>
diff --git a/html/apps/rpn.mu.html b/html/apps/rpn.mu.html
index df5867bb..8b34a5c3 100644
--- a/html/apps/rpn.mu.html
+++ b/html/apps/rpn.mu.html
@@ -1,14 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="UTF-8">
 <title>Mu - apps/rpn.mu</title>
-<meta name="Generator" content="Vim/8.1">
-<meta name="plugin-version" content="vim8.1_v1">
+<meta name="Generator" content="Vim/8.2">
+<meta name="plugin-version" content="vim8.1_v2">
 <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="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="minimal-light">
-<style type="text/css">
+<style>
 <!--
 pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #ffffd7; }
 body { font-size:12pt; font-family: monospace; color: #000000; background-color: #ffffd7; }
@@ -28,7 +28,7 @@ a { color:inherit; }
 -->
 </style>
 
-<script type='text/javascript'>
+<script>
 <!--
 
 /* function to open any folds containing a jumped-to line before jumping to it */
@@ -85,11 +85,11 @@ if ('onhashchange' in window) {
 <span id="L23" class="LineNr"> 23 </span>  <span class="muComment"># read-eval-print loop</span>
 <span id="L24" class="LineNr"> 24 </span>  <span class="Delimiter">{</span>
 <span id="L25" class="LineNr"> 25 </span>    <span class="muComment"># print prompt</span>
-<span id="L26" class="LineNr"> 26 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L106'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;&gt; &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x80</span>/xmax, y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
+<span id="L26" class="LineNr"> 26 </span>    <span class="PreProc">var</span> x/eax: int <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L113'>draw-text-rightward</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, <span class="Constant">&quot;&gt; &quot;</span>, <span class="Constant">0</span>/x, <span class="Constant">0x80</span>/xmax, y, <span class="Constant">3</span>/fg/cyan, <span class="Constant">0</span>/bg
 <span id="L27" class="LineNr"> 27 </span>    <span class="muComment"># read line from keyboard</span>
 <span id="L28" class="LineNr"> 28 </span>    <a href='../106stream.subx.html#L20'>clear-stream</a> in
 <span id="L29" class="LineNr"> 29 </span>    <span class="Delimiter">{</span>
-<span id="L30" class="LineNr"> 30 </span>      <a href='../500fake-screen.mu.html#L293'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space
+<span id="L30" class="LineNr"> 30 </span>      <a href='../500fake-screen.mu.html#L314'>draw-cursor</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space
 <span id="L31" class="LineNr"> 31 </span>      <span class="PreProc">var</span> key/eax: byte <span class="Special">&lt;-</span> <a href='../102keyboard.subx.html#L21'>read-key</a> keyboard
 <span id="L32" class="LineNr"> 32 </span>      compare key, <span class="Constant">0xa</span>/newline
 <span id="L33" class="LineNr"> 33 </span>      <span class="PreProc">break-if-=</span>
@@ -98,16 +98,16 @@ if ('onhashchange' in window) {
 <span id="L36" class="LineNr"> 36 </span>      <span class="PreProc">var</span> key2/eax: int <span class="Special">&lt;-</span> copy key
 <span id="L37" class="LineNr"> 37 </span>      <a href='../115write-byte.subx.html#L12'>append-byte</a> in, key2
 <span id="L38" class="LineNr"> 38 </span>      <span class="PreProc">var</span> c/eax: code-point <span class="Special">&lt;-</span> copy key2
-<span id="L39" class="LineNr"> 39 </span>      <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, c, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
+<span id="L39" class="LineNr"> 39 </span>      <a href='../501draw-text.mu.html#L91'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, c, <span class="Constant">0xf</span>/fg, <span class="Constant">0</span>/bg
 <span id="L40" class="LineNr"> 40 </span>      <span class="PreProc">loop</span>
 <span id="L41" class="LineNr"> 41 </span>    <span class="Delimiter">}</span>
 <span id="L42" class="LineNr"> 42 </span>    <span class="muComment"># clear cursor</span>
-<span id="L43" class="LineNr"> 43 </span>    <a href='../501draw-text.mu.html#L84'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space, <span class="Constant">3</span>/fg/never-used, <span class="Constant">0</span>/bg
+<span id="L43" class="LineNr"> 43 </span>    <a href='../501draw-text.mu.html#L91'>draw-code-point-at-cursor-over-full-screen</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, space, <span class="Constant">3</span>/fg/never-used, <span class="Constant">0</span>/bg
 <span id="L44" class="LineNr"> 44 </span>    <span class="muComment"># parse and eval</span>
 <span id="L45" class="LineNr"> 45 </span>    <span class="PreProc">var</span> out/eax: int <span class="Special">&lt;-</span> <a href='rpn.mu.html#L61'>simplify</a> in
 <span id="L46" class="LineNr"> 46 </span>    <span class="muComment"># print</span>
 <span id="L47" class="LineNr"> 47 </span>    y <span class="Special">&lt;-</span> increment
-<span id="L48" class="LineNr"> 48 </span>    out, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L346'>draw-int32-decimal-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, out, <span class="Constant">0</span>/xmin, y, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x30</span>/ymax, <span class="Constant">0</span>/x, y, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
+<span id="L48" class="LineNr"> 48 </span>    out, y <span class="Special">&lt;-</span> <a href='../501draw-text.mu.html#L401'>draw-int32-decimal-wrapping-right-then-down</a> <a href='../500fake-screen.mu.html#L14'>screen</a>, out, <span class="Constant">0</span>/xmin, y, <span class="Constant">0x80</span>/xmax, <span class="Constant">0x30</span>/ymax, <span class="Constant">0</span>/x, y, <span class="Constant">7</span>/fg, <span class="Constant">0</span>/bg
 <span id="L49" class="LineNr"> 49 </span>    <span class="muComment"># newline</span>
 <span id="L50" class="LineNr"> 50 </span>    y <span class="Special">&lt;-</span> increment
 <span id="L51" class="LineNr"> 51 </span>    <span class="muComment">#</span>