diff --git a/docs/merkle_patricia_dag.md b/docs/merkle_patricia_dag.md
index 345c188..13d6060 100644
--- a/docs/merkle_patricia_dag.md
+++ b/docs/merkle_patricia_dag.md
@@ -117,7 +117,6 @@ The resulting patricia tree with infix keys is:
 
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink"
 	width="29em" height="24em"
 	viewBox="0 -10 320 265"
 	style="background-color:#FF9" stroke-width="1.5"
@@ -138,7 +137,7 @@ The resulting patricia tree with infix keys is:
 				<tspan y="134" x="228">0</tspan></text>
 			</g>
 		</g>
-		<use font-weight="400"  xlink:href="#link_bits"/>
+		<use font-weight="400"  href="#link_bits"/>
 		<g id="rect">
 			<rect width="66" height="27" x="123" y="4" rx=5
 				fill="#0FF" />
@@ -149,33 +148,33 @@ The resulting patricia tree with infix keys is:
 		<text y="2">
 			<tspan dy="12" x="172" >""</tspan>
 			<tspan dy="12" x="153" >4, false</tspan></text>
-		<use transform="translate(60 70)" xlink:href="#rect"/>
+		<use transform="translate(60 70)" href="#rect"/>
 		<text y="72">
 			<tspan dy="12" x="238" >1</tspan>
 			<tspan dy="12" x="215" >6, false</tspan></text>
 		<use transform="translate(-3 140)"
-			xlink:href="#rect"/>
+			href="#rect"/>
 		<text y="142">
 			<tspan dy="12" x="170" >10</tspan>
 			<tspan dy="12" x="152" >5, false</tspan></text>
 		<g transform="translate(-43 50)">
 			<use transform="translate(-68 160)"
-				xlink:href="#rect"/>
+				href="#rect"/>
 			<text y="162">
 				<tspan dy="12" x="98" >010</tspan>
 				<tspan dy="12" x="91" >2, true</tspan></text>
 			<use transform="translate(8 160)"
-				xlink:href="#rect"/>
+				href="#rect"/>
 			<text y="162">
 				<tspan dy="12" x="174" >100</tspan>
 				<tspan dy="12" x="167" >4, true</tspan></text>
 			<use transform="translate(84 160)"
-				xlink:href="#rect"/>
+				href="#rect"/>
 			<text y="162">
 				<tspan dy="12" x="250" >101</tspan>
 				<tspan dy="12" x="243" >5, true</tspan></text>
 			<use transform="translate(160 160)"
-				xlink:href="#rect"/>
+				href="#rect"/>
 			<text y="162">
 				<tspan dy="12" x="326" >110</tspan>
 				<tspan dy="12" x="319" >6, true</tspan></text>
@@ -256,7 +255,6 @@ information from the peer that has the node with more children.
 
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink"
 	width="30em" height="19.6em"
 	viewBox="0 170 214 140"
 	style="background-color:ivory"
@@ -329,21 +327,21 @@ x							"/>
 								</g>
 								<rect id="merkle_vertex" width="4" height="4" x="8" y="264" fill="#00F"/>
 							</g><!-- end id="leaf vertex" -->
-							<use transform="translate(6)" xlink:href="#leaf_vertex"/>
-							<use transform="translate(11 -12)" xlink:href="#merkle_vertex"/>
+							<use transform="translate(6)" href="#leaf_vertex"/>
+							<use transform="translate(11 -12)" href="#merkle_vertex"/>
 						</g><!-- end id="height_1_tree" -->
-						<use transform="translate(16)" xlink:href="#height_1_tree"/>
-						<use transform="translate(31 -28)" xlink:href="#merkle_vertex"/>
+						<use transform="translate(16)" href="#height_1_tree"/>
+						<use transform="translate(31 -28)" href="#merkle_vertex"/>
 					</g><!-- end id="height_2_tree" -->
 					<g >
-						<use transform="translate(34)" xlink:href="#height_2_tree"/>
-						<use transform="translate(71 -44)" xlink:href="#merkle_vertex"/>
+						<use transform="translate(34)" href="#height_2_tree"/>
+						<use transform="translate(71 -44)" href="#merkle_vertex"/>
 					</g>
 				</g><!-- end id="height_3_tree" -->
-				<use transform="translate(77)" xlink:href="#height_3_tree"/>
-				<use transform="translate(154 -66)" xlink:href="#merkle_vertex"/>
-				<use transform="translate(160)" xlink:href="#height_2_tree"/>
-						<use transform="translate(197)" xlink:href="#leaf_vertex"/>
+				<use transform="translate(77)" href="#height_3_tree"/>
+				<use transform="translate(154 -66)" href="#merkle_vertex"/>
+				<use transform="translate(160)" href="#height_2_tree"/>
+						<use transform="translate(197)" href="#leaf_vertex"/>
 			</g><!-- end id="height_4_tree" -->
 		</g> <!-- end id="balanced merkle tree" -->
 		<text y="168">
@@ -352,7 +350,7 @@ x							"/>
 			<tspan dy="12" x="6" >in postfix order</tspan>
 		</text>
 		<g id="merkle_chain">
-			<use transform="translate(0,60)" xlink:href="#blockchain_id"/>
+			<use transform="translate(0,60)" href="#blockchain_id"/>
 			<path
 				style="fill:none;stroke:#00D000;"
 				d="m 16,297 c 6,-14 9,16 14,0"/>
@@ -364,26 +362,26 @@ x							"/>
 								<path
 									style="fill:none;stroke:#000;"
 									d="m 29,299 c 4,-6 4,-6 5.6,3 C 35,305 38,304 38.5,300"/>
-								<use transform="translate(20,33)" xlink:href="#leaf_vertex"/>
+								<use transform="translate(20,33)" href="#leaf_vertex"/>
 							</g><!-- end id="leaf link" -->
 							<use transform="translate(10,0)"
-								xlink:href="#leaf_link"
+								href="#leaf_link"
 							/>
 						</g> <!-- end id="2 leaf links" -->
 						<use transform="translate(20,0)"
-							xlink:href="#2_leaf_links"
+							href="#2_leaf_links"
 						/>
 					</g> <!-- end id="4 leaf links" -->
 					<use transform="translate(40,0)"
-						xlink:href="#4_leaf_links"
+						href="#4_leaf_links"
 					/>
 				</g> <!-- end id="8 leaf links" -->
 				<use transform="translate(80,0)"
-					xlink:href="#8_leaf_links"
+					href="#8_leaf_links"
 				/>
 			</g> <!-- end id="16 leaf links" -->
 				<use transform="translate(160,0)"
-					xlink:href="#16_leaf_links"
+					href="#16_leaf_links"
 				/>
 		</g> <!-- end id="merkle chain" -->
 		<rect width="210" height=".4" x="8" y="276" fill="#000"/>
diff --git a/docs/names/zookos_triangle.md b/docs/names/zookos_triangle.md
index 9eb39f8..0fb1332 100644
--- a/docs/names/zookos_triangle.md
+++ b/docs/names/zookos_triangle.md
@@ -12,6 +12,97 @@ how do you know you have the right “Bob”?  There are a lot of Bobs.
 Zooko’s triangle is the solution to this problem. It is explained in several places
 
 - [An Introduction to Petname Systems](petnames.html)
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="width: 100%"  height="100%"
+	viewBox="-2500 -2400 4870 4300"
+	style="background-color:#ddd">
+	<g  fill="none" font-family="Georgia" font-size="200"
+		font-weight="400"
+	 >
+		<path stroke="#d8d800" stroke-width="36.41"
+			d="
+				M-1732,1000 m-34,-68.2 l3464.076,0
+			" />
+		<path stroke="#888" stroke-width="60"
+			d="M-1732,1000 	m76,30, l1732,-3000"
+		/>
+		<path stroke="#990" stroke-width="36.41"
+			d="M-1732,1000,
+				m78,0, l1732,-3000
+			" />
+		<path stroke="#ffffaa" stroke-width="36.41"
+			d="
+				M-55,-2040,L-1834,1040
+			" />
+		<path stroke="#cc0" stroke-width="36.41"
+			d="
+				M0,-2000 m55,-40 l1732,3000
+			" />
+		<path stroke="#d8d800" stroke-width="36.41"
+			d="
+				M0,-2000 m-34,77 l1732,3000 
+			" />
+		<path stroke="#bb0" stroke-width="36.41"
+			d="
+				M-1810,1068, l3610,0 
+			" />
+		<path stroke="#dd0" stroke-width="100"
+			d="
+				M-1732,1000 L0, -2000 L1732,1000 Z
+			" />
+		<g id="left_corners" transform="translate(0, -2000)">
+			<path fill="#d4d450" stroke-width="0"
+				d="
+					M0,0
+					l57.735, 0, l21,-37, l-158,-00, l21,37 z
+				" />
+			<path fill="#ddd" stroke-width="0" id="erase_corner"
+				d="M-80-37 	l160,0, l0-100, l-160,0,  z	"
+			/>
+		</g>
+		<g id="left_corners_shadow" transform="translate(0, -2000)">
+				<path fill="#990" stroke-width="0"
+					d="	M14.3,197.5 l-35.33,-61.19 l21.32,-36.742 z
+				" />
+		</g>
+		<use transform="matrix(-.5 -0.866 .886 -.5 40 00)"  href="#left_corners" />
+		<g transform="matrix(.5 -0.866 -.886 -.5 1732 1000)"  stroke-width="0">
+			<path fill="#990"
+				d="M0,0	l57.735, 0, l21,-37, l-158,-00, l21,37 z
+			" />
+						<path fill="#ddd"
+				d="M0,-57	l78 0, l0,-50, l-150,-00, l0,50 z
+			" />
+			<path fill="#888"
+				d="M0,-37	l78 0, l-11.795,-20.43, l-132,-00, l-11.795,20.43 z
+			" />
+		</g>
+		<path fill="#d8d800"
+			d="M-1732,1000 m 87,-50 l90 0, l0,-36.41  z" 
+		/>
+		<text  x="0" y="-1150" text-anchor="middle"  style="fill:#000" transform="rotate(60 0,0)" >
+			Nicknames
+		</text>	
+		<text  x="0" y="-1150" text-anchor="middle"  style="fill:#000" transform="rotate(-60 0,0)" >
+			Public Keys
+		</text>
+		<text  x="0" y="1285" text-anchor="middle"  style="fill:#000"  >
+			Local Names
+		</text>
+		<text  x="0" y="-2100" text-anchor="middle"  style="fill:#000"  >
+			Global
+		</text>
+		<text  x="0" y="2240" text-anchor="middle"  style="fill:#000"   transform="rotate(-60 0,0)">
+			Memorable
+		</text>
+		<text  x="0" y="2240" text-anchor="middle"  style="fill:#000"   transform="rotate(60 0,0)">
+			Securely Unique
+		</text>
+	</g>
+</svg>
+
 - [Lambda for Humans: The PetName Markup Language](http://www.erights.org/elib/capability/pnml.html)
 
 Each identity, whether a human, a server, or something else, has a globally
diff --git a/docs/names/zookos_triangle.svg b/docs/names/zookos_triangle.svg
index 401f233..0d46c0b 100644
--- a/docs/names/zookos_triangle.svg
+++ b/docs/names/zookos_triangle.svg
@@ -3,56 +3,41 @@
 	width="width: 100%"  height="100%"
 	viewBox="-2500 -2400 4870 4300"
 	style="background-color:#ddd">
-	<! top corner 	viewBox="-200 -2140 400 400" >
-	<! right corner 		viewBox="1500 750 400 400">
-	<! left corner 	viewBox="-1900 750 400 400">
-	
-	<!viewBox="-2000 -2400 4000 4000">
 	<g  fill="none" font-family="Georgia" font-size="200"
 		font-weight="400"
 	 >
-		<!bottom inner rim>
 		<path stroke="#d8d800" stroke-width="36.41"
 			d="
 				M-1732,1000 m-34,-68.2 l3464.076,0
 			" />
-	<!left shadow>
 		<path stroke="#888" stroke-width="60"
 			d="M-1732,1000 	m76,30, l1732,-3000"
 		/>
-	<!left inner rim>
 		<path stroke="#990" stroke-width="36.41"
 			d="M-1732,1000,
 				m78,0, l1732,-3000
 			" />
-	<!left outer rim>
 		<path stroke="#ffffaa" stroke-width="36.41"
 			d="
 				M-55,-2040,L-1834,1040
 			" />
-		<! right outer rim>
 		<path stroke="#cc0" stroke-width="36.41"
 			d="
 				M0,-2000 m55,-40 l1732,3000
 			" />
-		<!right inner rim>
 		<path stroke="#d8d800" stroke-width="36.41"
 			d="
 				M0,-2000 m-34,77 l1732,3000 
 			" />
-		<!bottom outer rim>
 		<path stroke="#bb0" stroke-width="36.41"
 			d="
 				M-1810,1068, l3610,0 
 			" />
-			<!gold top>
 		<path stroke="#dd0" stroke-width="100"
 			d="
 				M-1732,1000 L0, -2000 L1732,1000 Z
 			" />
-		<!top corner>
 		<g id="left_corners" transform="translate(0, -2000)">
-		<! right inner rim>
 			<path fill="#d4d450" stroke-width="0"
 				d="
 					M0,0
@@ -63,13 +48,11 @@
 			/>
 		</g>
 		<g id="left_corners_shadow" transform="translate(0, -2000)">
-		<! right inner rim>
 				<path fill="#990" stroke-width="0"
 					d="	M14.3,197.5 l-35.33,-61.19 l21.32,-36.742 z
 				" />
 		</g>
-		<use transform="matrix(-.5 -0.866 .886 -.5 40 00)"  xlink:href="#left_corners"/>
-		<! left corner>
+		<use transform="matrix(-.5 -0.866 .886 -.5 40 00)"  href="#left_corners" />
 		<g transform="matrix(.5 -0.866 -.886 -.5 1732 1000)"  stroke-width="0">
 			<path fill="#990"
 				d="M0,0	l57.735, 0, l21,-37, l-158,-00, l21,37 z
diff --git a/docs/writing_and_editing_documentation.md b/docs/writing_and_editing_documentation.md
index fef0dc8..efce5c9 100644
--- a/docs/writing_and_editing_documentation.md
+++ b/docs/writing_and_editing_documentation.md
@@ -456,7 +456,20 @@ M point q point point t point t point ... t point
 ```
 
 <div style="width: 100%; height: auto; overflow: auto;">
-
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="width: 100%"  height="100%"
+	viewBox="0 0 120 80"
+	style="background-color:ivory">
+	<g stroke-width="2">
+		<path fill="none" stroke="#00f000"
+			d="
+				M14,45,  c40,-20, 30,-56 54,-18,  s55,15 40,15
+					 s-15,10 -30,15
+				M 5,45,  q 10,20 30,1, t 10,10, t 10,12
+			" />
+	</g>
+</svg>
 </div>
 
 ```html