Rewrite cryptographic keys page significantly for clarity

2025-11-30 00:25:49 +00:00 · 2020-07-31 16:52:35 -07:00
parent 4aa13ff82d
commit d26223141b
3 changed files with 387 additions and 61 deletions
--- a/img/cryptographic-keys.svg
+++ b/img/cryptographic-keys.svg
@@ -0,0 +1,144 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN'
+          'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
+<svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="1040" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="40 40 1040 170" height="170" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto"
+><!--Generated by the Batik Graphics2D SVG Generator--><defs id="genericDefs"
+  /><g
+  ><defs id="defs1"
+    ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"
+      ><path d="M0 0 L2147483647 0 L2147483647 2147483647 L0 2147483647 L0 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"
+      ><path d="M0 0 L0 70 L160 70 L160 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"
+      ><path d="M0 0 L0 30 L440 30 L440 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"
+      ><path d="M0 0 L0 130 L500 130 L500 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath5"
+      ><path d="M0 0 L0 70 L120 70 L120 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6"
+      ><path d="M0 0 L0 70 L140 70 L140 0 Z"
+      /></clipPath
+      ><clipPath clipPathUnits="userSpaceOnUse" id="clipPath7"
+      ><path d="M0 0 L0 30 L70 30 L70 0 Z"
+      /></clipPath
+    ></defs
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(900,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="158.5" height="68.5" y="0.5" clip-path="url(#clipPath2)" stroke="none"
+    /></g
+    ><g transform="translate(900,100)"
+    ><rect fill="none" x="0.5" width="158.5" height="68.5" y="0.5" clip-path="url(#clipPath2)"
+      /><text x="51" font-size="14px" y="18.1094" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Address</text
+      ><path fill="none" d="M1 24.1094 L159 24.1094" clip-path="url(#clipPath2)"
+      /><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >24 bytes (classic)</text
+      ><text x="5" font-size="14px" y="55.3281" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >32 bytes (X-address)</text
+    ></g
+    ><g font-family="sans-serif" font-size="14px" transform="translate(580,60)"
+    ><text x="156" xml:space="preserve" y="18.1094" clip-path="url(#clipPath3)" stroke="none"
+      >Public information</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(60,60)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><path d="M0.5 0.5 L488.5 0.5 L499 12.5 L499 129 L0.5 129 Z" stroke="none" clip-path="url(#clipPath4)"
+    /></g
+    ><g fill="red" transform="translate(60,60)" stroke="red"
+    ><path fill="none" d="M0.5 0.5 L488.5 0.5 L499 12.5 L499 129 L0.5 129 Z" clip-path="url(#clipPath4)"
+      /><path fill="none" d="M488.5 0.5 L488.5 12.5 L499 12.5" clip-path="url(#clipPath4)"
+      /><text x="5" font-size="14px" y="18.1094" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Secrets</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(740,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
+    /></g
+    ><g transform="translate(740,100)"
+    ><rect fill="none" x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)"
+      /><text x="21" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Account ID</text
+      ><path fill="none" d="M1 24.1094 L119 24.1094" clip-path="url(#clipPath5)"
+      /><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >20 bytes</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(580,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
+    /></g
+    ><g transform="translate(580,100)"
+    ><rect fill="none" x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)"
+      /><text x="23" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Public Key</text
+      ><path fill="none" d="M1 24.1094 L119 24.1094" clip-path="url(#clipPath5)"
+      /><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >33 bytes</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(420,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
+    /></g
+    ><g transform="translate(420,100)"
+    ><rect fill="none" x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)"
+      /><text x="20" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Private Key</text
+      ><path fill="none" d="M1 24.1094 L119 24.1094" clip-path="url(#clipPath5)"
+      /><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >32 bytes</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(80,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="138.5" height="68.5" y="0.5" clip-path="url(#clipPath6)" stroke="none"
+    /></g
+    ><g stroke-dasharray="8,5" stroke-miterlimit="5" transform="translate(80,100)" stroke-linecap="butt"
+    ><rect fill="none" x="0.5" width="138.5" height="68.5" y="0.5" clip-path="url(#clipPath6)"
+      /><text x="30" font-size="14px" y="13.3906" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Passphrase</text
+      ><text x="28" font-size="14px" y="29.5" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >or source of</text
+      ><text x="26" font-size="14px" y="45.6094" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >randomness</text
+    ></g
+    ><g font-family="sans-serif" font-size="14px" transform="translate(80,100)"
+    ><path fill="none" d="M1 51.6094 L139 51.6094" clip-path="url(#clipPath6)"
+      /><text x="34" xml:space="preserve" y="66.7188" clip-path="url(#clipPath6)" stroke="none"
+      >(Optional)</text
+    ></g
+    ><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(260,100)" stroke-opacity="0" stroke="rgb(255,255,255)"
+    ><rect x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
+    /></g
+    ><g stroke-dasharray="8,5" stroke-miterlimit="5" transform="translate(260,100)" stroke-linecap="butt"
+    ><rect fill="none" x="0.5" width="118.5" height="68.5" y="0.5" clip-path="url(#clipPath5)"
+      /><text x="42" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
+      >Seed</text
+    ></g
+    ><g font-family="sans-serif" font-size="14px" transform="translate(260,100)"
+    ><path fill="none" d="M1 24.1094 L119 24.1094" clip-path="url(#clipPath5)"
+      /><text x="5" xml:space="preserve" y="39.2188" clip-path="url(#clipPath5)" stroke="none"
+      >(Optional)</text
+      ><text x="5" xml:space="preserve" y="55.3281" clip-path="url(#clipPath5)" stroke="none"
+      >16 bytes</text
+    ></g
+    ><g transform="translate(850,130)"
+    ><path fill="none" d="M11.5 10.5 L50.5 10.5" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M22.2583 17 L11 10.5 L22.2583 4" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M38.7417 17 L50 10.5 L38.7417 4" clip-path="url(#clipPath7)"
+    /></g
+    ><g transform="translate(690,130)"
+    ><path fill="none" d="M10.5 10.5 L49.5 10.5" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M38.7417 17 L50 10.5 L38.7417 4" clip-path="url(#clipPath7)"
+    /></g
+    ><g transform="translate(530,130)"
+    ><path fill="none" d="M10.5 10.5 L49.5 10.5" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M38.7417 17 L50 10.5 L38.7417 4" clip-path="url(#clipPath7)"
+    /></g
+    ><g transform="translate(370,130)"
+    ><path fill="none" d="M10.5 10.5 L49.5 10.5" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M38.7417 17 L50 10.5 L38.7417 4" clip-path="url(#clipPath7)"
+    /></g
+    ><g transform="translate(210,130)"
+    ><path fill="none" d="M10.5 10.5 L49.5 10.5" clip-path="url(#clipPath7)"
+      /><path fill="none" d="M38.7417 17 L50 10.5 L38.7417 4" clip-path="url(#clipPath7)"
+    /></g
+  ></g
+></svg
+>