From c0effcec4d7e01c2e75614372780a115dcf203b8 Mon Sep 17 00:00:00 2001
From: Marshall Lochbaum <mwlochbaum@gmail.com>
Date: Tue, 4 Jan 2022 21:42:29 -0500
Subject: Fix disappearing background rectangle in expression diagram

---
 docs/tutorial/list.html | 46 +++++++++++++++++++++++-----------------------
 tutorial/list.md        |  6 +++---
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/docs/tutorial/list.html b/docs/tutorial/list.html
index 71eb8a5f..1f62233c 100644
--- a/docs/tutorial/list.html
+++ b/docs/tutorial/list.html
@@ -281,7 +281,7 @@
 <p>Lot of functions up there. Notice how I need to use parentheses for the left argument of a function if it's compound, but never for the right argument, and consequently never with a one-argument function.</p>
 <svg viewBox='-131.34 -34 512 210'>
   <g font-family='BQN,monospace' font-size='18px' class='Paren' fill='currentColor'>
-    <rect class='code' stroke-width='1' rx='10' x='-2948.48' y='-1536' width='292.68' height='190'/>
+    <rect class='code' stroke-width='1' rx='10' x='-21.68' y='-24' width='292.68' height='190'/>
     <text><tspan class='Function'>+</tspan><tspan class='Modifier'>´</tspan> <tspan class='Paren'>(</tspan><tspan class='Function'>⌽</tspan><tspan class='Number'>2</tspan><tspan class='Function'>⋆</tspan><tspan class='Function'>↕</tspan><tspan class='Number'>4</tspan><tspan class='Paren'>)</tspan> <tspan class='Function'>×</tspan> <tspan class='String'>&quot;1001&quot;</tspan><tspan class='Function'>-</tspan><tspan class='String'>'0'</tspan></text>
     <path stroke='currentColor' fill='none' stroke-width='1' d='M233.06 1.9V20.9H211.38'/>
     <path stroke='currentColor' fill='none' stroke-width='1' d='M173.44 1.9V20.9H211.38'/>
@@ -297,30 +297,30 @@
     <path stroke='currentColor' fill='none' stroke-width='1' d='M16.26 134.9V153.9H-8.13'/>
     <g font-size='15px' text-anchor='middle'>
       <g class='codeCover' stroke-width='8' stroke-linejoin='round'>
-        <text x='31696.16' y='1664'>'0'</text>
-        <text x='28747.68' y='1664'>-</text>
-        <text x='23587.84' y='1664'>&quot;1001&quot;</text>
-        <text x='16953.76' y='6528'>×</text>
-        <text x='12531.04' y='2880'>4</text>
-        <text x='11056.8' y='2880'>↕</text>
-        <text x='9582.56' y='4096'>⋆</text>
-        <text x='8108.32' y='4096'>2</text>
-        <text x='6634.08' y='5312'>⌽</text>
-        <text x='2211.36' y='7744'>´</text>
-        <text x='737.12' y='7744'>+</text>
+        <text x='233.06' y='26'>'0'</text>
+        <text x='211.38' y='26'>-</text>
+        <text x='173.44' y='26'>&quot;1001&quot;</text>
+        <text x='124.66' y='102'>×</text>
+        <text x='92.14' y='45'>4</text>
+        <text x='81.3' y='45'>↕</text>
+        <text x='70.46' y='64'>⋆</text>
+        <text x='59.62' y='64'>2</text>
+        <text x='48.78' y='83'>⌽</text>
+        <text x='16.26' y='121'>´</text>
+        <text x='5.42' y='121'>+</text>
       </g>
       <g opacity='0.9'>
-        <text x='31696.16' y='1664'><tspan class='String'>'0'</tspan></text>
-        <text x='28747.68' y='1664'><tspan class='Function'>-</tspan></text>
-        <text x='23587.84' y='1664'><tspan class='String'>&quot;1001&quot;</tspan></text>
-        <text x='16953.76' y='6528'><tspan class='Function'>×</tspan></text>
-        <text x='12531.04' y='2880'><tspan class='Number'>4</tspan></text>
-        <text x='11056.8' y='2880'><tspan class='Function'>↕</tspan></text>
-        <text x='9582.56' y='4096'><tspan class='Function'>⋆</tspan></text>
-        <text x='8108.32' y='4096'><tspan class='Number'>2</tspan></text>
-        <text x='6634.08' y='5312'><tspan class='Function'>⌽</tspan></text>
-        <text x='2211.36' y='7744'><tspan class='Modifier'>´</tspan></text>
-        <text x='737.12' y='7744'><tspan class='Function'>+</tspan></text>
+        <text x='233.06' y='26'><tspan class='String'>'0'</tspan></text>
+        <text x='211.38' y='26'><tspan class='Function'>-</tspan></text>
+        <text x='173.44' y='26'><tspan class='String'>&quot;1001&quot;</tspan></text>
+        <text x='124.66' y='102'><tspan class='Function'>×</tspan></text>
+        <text x='92.14' y='45'><tspan class='Number'>4</tspan></text>
+        <text x='81.3' y='45'><tspan class='Function'>↕</tspan></text>
+        <text x='70.46' y='64'><tspan class='Function'>⋆</tspan></text>
+        <text x='59.62' y='64'><tspan class='Number'>2</tspan></text>
+        <text x='48.78' y='83'><tspan class='Function'>⌽</tspan></text>
+        <text x='16.26' y='121'><tspan class='Modifier'>´</tspan></text>
+        <text x='5.42' y='121'><tspan class='Function'>+</tspan></text>
       </g>
     </g>
   </g>
diff --git a/tutorial/list.md b/tutorial/list.md
index 995a81c5..af388154 100644
--- a/tutorial/list.md
+++ b/tutorial/list.md
@@ -64,14 +64,14 @@ sh ← ≢ types
 p ← 96‿38
 dim ← (2×p) + sh × d1 ← 136‿64
 rp ← 8÷d1
-Pos ↩ Pos d1⊸×
+Posd ← Pos d1⊸×
 Size ← "width"‿"height" ≍˘ ·FmtNum d1×⊢
 cl ← {"class"‿𝕩}¨ "purple"‿"bluegreen"‿"yellow"
 
-TP ← "text" Attr "dy"‿"0.32em"∾˜Pos⊘(∾⟜Pos)
+TP ← "text" Attr "dy"‿"0.32em"∾˜Posd⊘(∾⟜Posd)
 ts← (≍⌜´0.5+↕¨sh) TP⊸Enc¨ types
 l ← (cl TP¨ (0.75≍¨1(-≍+)1.2)∾<2.2‿2.3) Enc¨ "Data"‿"Operation"‿"Atom"
-RD← (Size ⟨⊑sh,1⟩-2×rp)∾Pos
+RD← (Size ⟨⊑sh,1⟩-2×rp)∾Posd
 r ← (2↑cl) {"rect" Elt 𝕩∾"rx"‿"10px"≍𝕨}⟜RD¨ 0(rp+≍)¨↕1⊑sh
 
 Round ← {
-- 
cgit v1.2.3