Clean up some SVG files

marijnh · marijnh · commit f9c0b4a06ccb · 2023-10-09T14:45:39.000+02:00
diff --git a/img/cos_sin.svg b/img/cos_sin.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="252" height="167" viewBox="-131 -84 252 167"><style type="text/css">
+<svg xmlns="http://www.w3.org/2000/svg" width="252" height="167" viewBox="-131 -84 252 167">
+  <style type="text/css">
     @font-face {
       font-family: 'PT Mono';
       font-style: normal;
@@ -8,4 +9,25 @@
     }
     .caption { font-family: 'PT Mono'; font-size: 13px; }
   </style>
-<g><path d="M 0.5 -79.5 L 0.5 80.5" stroke="black"></path><path d="M -79.5 0.5 L 80.5 0.5" stroke="black"></path><path d="M 14.7 3 A 15 15 0 1 1 10.6 -10.6" stroke="black" fill="none"></path><path d="M 12.5 -8.5 L 13.5 -7.5" stroke="black"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 0, 0)" transform="translate(13.5 -7.5) rotate(135) scale(1)"></path><ellipse cx="0" cy="0" rx="60" ry="60" stroke="black" fill="none" width="120" height="120"></ellipse><ellipse cx="42.426406871192846" cy="42.426406871192846" rx="3" ry="3" fill="#44f" width="6" height="6"></ellipse><path d="M 0.5 42.5 L 39.5 42.5" stroke="#44f"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(68, 68, 255)" transform="translate(39.5 42.5) rotate(90) scale(1)"></path><path d="M 42.5 0.5 L 42.5 39.5" stroke="#44f"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(68, 68, 255)" transform="translate(42.5 39.5) rotate(180) scale(1)"></path><text x="32.426406871192846" y="64.42640687119285" class="caption" fill="#44f">cos(¼π)</text><text x="62.426406871192846" y="29.426406871192846" class="caption" fill="#44f">sin(¼π)</text><ellipse cx="-30.000000000544134" cy="-51.961524226752175" rx="3" ry="3" fill="#0a0" width="6" height="6"></ellipse><path d="M 0.5 -51.5 L -27.5 -51.5" stroke="#0a0"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 170, 0)" transform="translate(-27.5 -51.5) rotate(270) scale(1)"></path><path d="M -30.5 0.5 L -30.5 -48.5" stroke="#0a0"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 170, 0)" transform="translate(-30.5 -48.5) scale(1)"></path><text x="-84.00000000054413" y="-69.96152422675218" class="caption" fill="#0a0">cos(-⅔π)</text><text x="-129.00000000054413" y="-29.961524226752175" class="caption" fill="#0a0">sin(-⅔π)</text></g></svg>
+  <path d="M 0.5 -79.5 L 0.5 80.5" stroke="black"/>
+  <path d="M -79.5 0.5 L 80.5 0.5" stroke="black"/>
+  <path d="M 14.7 3 A 15 15 0 1 1 10.6 -10.6" stroke="black" fill="none"/>
+  <path d="M 12.5 -8.5 L 13.5 -7.5" stroke="black"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 0, 0)" transform="translate(13.5 -7.5) rotate(135)"/>
+  <ellipse cx="0" cy="0" rx="60" ry="60" stroke="black" fill="none" width="120" height="120"/>
+  <ellipse cx="42.42" cy="42.42" rx="3" ry="3" fill="#44f" width="6" height="6"/>
+  <path d="M 0.5 42.5 L 39.5 42.5" stroke="#44f"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(68, 68, 255)" transform="translate(39.5 42.5) rotate(90)"/>
+  <path d="M 42.5 0.5 L 42.5 39.5" stroke="#44f"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(68, 68, 255)" transform="translate(42.5 39.5) rotate(180)"/>
+  <text x="32.42" y="64.42" class="caption" fill="#44f">cos(¼π)</text>
+  <text x="62.42" y="29.42" class="caption" fill="#44f">sin(¼π)</text>
+  <ellipse cx="-30" cy="-51.96" rx="3" ry="3" fill="#0a0" width="6" height="6"/>
+  <path d="M 0.5 -51.5 L -27.5 -51.5" stroke="#0a0"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 170, 0)" transform="translate(-27.5 -51.5) rotate(270) scale(1)"/>
+  <path d="M -30.5 0.5 L -30.5 -48.5" stroke="#0a0"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(0, 170, 0)" transform="translate(-30.5 -48.5) scale(1)"/>
+  <text x="-84" y="-70" class="caption" fill="#0a0">cos(-⅔π)</text>
+  <text x="-129" y="-30" class="caption" fill="#0a0">sin(-⅔π)</text>
+  <text x="-129" y="-30" class="caption" fill="#0a0">sin(-⅔π)</text>
+</svg>
diff --git a/img/html-links.svg b/img/html-links.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="357" height="317" viewBox="-245 -250 357 317"><style type="text/css">
+<svg xmlns="http://www.w3.org/2000/svg" width="357" height="317" viewBox="-245 -250 357 317"><style type="text/css">
     @font-face {
       font-family: 'PT Mono';
       font-style: normal;
@@ -19,7 +19,46 @@
       stroke: #666;
       fill: none;
     }
-    .link { stroke: #6aa; }
-    .linktext, .index { fill: #6aa; }
+    .link { stroke: #266; }
+    .linktext, .index { fill: #266; }
   </style>
-<g><text x="-167" y="16" class="leaf">I also wrote a book! ...</text><text x="-167" y="-11" class="wraptext">p</text><rect x="-178.5" y="-28.5" width="191" height="61" class="wrap" rx="4" ry="4"></rect><text x="-167" y="-68.5" class="leaf">Hello, I am Marijn...</text><text x="-167" y="-95.5" class="wraptext">p</text><rect x="-178.5" y="-113.5" width="191" height="61" class="wrap" rx="4" ry="4"></rect><text x="-167" y="-153.5" class="leaf">My home page</text><text x="-167" y="-180.5" class="wraptext">h1</text><rect x="-178.5" y="-198.5" width="191" height="61" class="wrap" rx="4" ry="4"></rect><text x="-178.5" y="-209.5" class="wraptext">body</text><rect x="-190.5" y="-227.5" width="215" height="272" class="wrap" rx="4" ry="4"></rect><text x="-230.5" y="-180.5" class="index">0</text><text x="-230.5" y="-95.5" class="index">1</text><text x="-230.5" y="-11" class="index">2</text><rect x="-242.5" y="-204.5" width="32" height="209" class="wrap" rx="4" ry="4"></rect><path d="M -210.5 -184.5 L -178.5 -184.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -184.5) rotate(90) scale(1)"></path><path d="M -210.5 -99.5 L -178.5 -99.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -99.5) rotate(90) scale(1)"></path><path d="M -210.5 -15.5 L -178.5 -15.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -15.5) rotate(90) scale(1)"></path><path d="M -175.5 -227.5 L -175.5 -232.5 A 7 7 0 0 0 -182.5 -239.5 L -219.5 -239.5 A 7 7 0 0 0 -226.5 -232.5 L -226.5 -204.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-226.5 -204.5) rotate(180) scale(1)"></path><text x="-170.5" y="-235.5" class="linktext">childNodes</text><path d="M -42.5 -227.5 L -42.5 -232.5 A 7 7 0 0 0 -49.5 -239.5 L -55.5 -239.5 A 7 7 0 0 0 -62.5 -232.5 L -62.5 -198.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-62.5 -198.5) rotate(180) scale(1)"></path><text x="-38" y="-235.5" class="linktext">firstChild</text><path d="M -42.5 44.5 L -42.5 49.5 A 7 7 0 0 1 -49.5 56.5 L -55.5 56.5 A 7 7 0 0 1 -62.5 49.5 L -62.5 32.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-62.5 32.5) scale(1)"></path><text x="-38" y="61.5" class="linktext">lastChild</text><path d="M -158.5 -113.5 L -158.5 -137.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-158.5 -137.5) scale(1)"></path><text x="-153.5" y="-121" class="linktext">previousSibling</text><path d="M -158.5 -52.5 L -158.5 -28.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-158.5 -28.5) rotate(180) scale(1)"></path><text x="-153.5" y="-36" class="linktext">nextSibling</text><path d="M 12.5 -82.5 L 31.5 -82.5 A 7 7 0 0 0 38.5 -89.5 L 38.5 -95.5 A 7 7 0 0 0 31.5 -102.5 L 31.5 -102.5 L 24.5 -102.5" class="link" fill="none"></path><path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(24.5 -102.5) rotate(270) scale(1)"></path><text x="29.5" y="-66" class="linktext">parentNode</text></g></svg>
+  <text x="-167" y="16" class="leaf">I also wrote a book! ...</text>
+  <text x="-167" y="-11" class="wraptext">p</text>
+  <rect x="-178.5" y="-28.5" width="191" height="61" class="wrap" rx="4" ry="4"/>
+  <text x="-167" y="-68.5" class="leaf">Hello, I am Marijn...</text>
+  <text x="-167" y="-95.5" class="wraptext">p</text>
+  <rect x="-178.5" y="-113.5" width="191" height="61" class="wrap" rx="4" ry="4"/>
+  <text x="-167" y="-153.5" class="leaf">My home page</text>
+  <text x="-167" y="-180.5" class="wraptext">h1</text>
+  <rect x="-178.5" y="-198.5" width="191" height="61" class="wrap" rx="4" ry="4"/>
+  <text x="-178.5" y="-209.5" class="wraptext">body</text>
+  <rect x="-190.5" y="-227.5" width="215" height="272" class="wrap" rx="4" ry="4"/>
+  <text x="-230.5" y="-180.5" class="index">0</text>
+  <text x="-230.5" y="-95.5" class="index">1</text>
+  <text x="-230.5" y="-11" class="index">2</text>
+  <rect x="-242.5" y="-204.5" width="32" height="209" class="wrap" rx="4" ry="4"/>
+  <path d="M -210.5 -184.5 L -178.5 -184.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -184.5) rotate(90) scale(1)"/>
+  <path d="M -210.5 -99.5 L -178.5 -99.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -99.5) rotate(90) scale(1)"/>
+  <path d="M -210.5 -15.5 L -178.5 -15.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-178.5 -15.5) rotate(90) scale(1)"/>
+  <path d="M -175.5 -227.5 L -175.5 -232.5 A 7 7 0 0 0 -182.5 -239.5 L -219.5 -239.5 A 7 7 0 0 0 -226.5 -232.5 L -226.5 -204.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-226.5 -204.5) rotate(180) scale(1)"/>
+  <text x="-170.5" y="-235.5" class="linktext">childNodes</text>
+  <path d="M -42.5 -227.5 L -42.5 -232.5 A 7 7 0 0 0 -49.5 -239.5 L -55.5 -239.5 A 7 7 0 0 0 -62.5 -232.5 L -62.5 -198.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-62.5 -198.5) rotate(180) scale(1)"/>
+  <text x="-38" y="-235.5" class="linktext">firstChild</text>
+  <path d="M -42.5 44.5 L -42.5 49.5 A 7 7 0 0 1 -49.5 56.5 L -55.5 56.5 A 7 7 0 0 1 -62.5 49.5 L -62.5 32.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-62.5 32.5) scale(1)"/>
+  <text x="-38" y="61.5" class="linktext">lastChild</text>
+  <path d="M -158.5 -113.5 L -158.5 -137.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-158.5 -137.5) scale(1)"/>
+  <text x="-153.5" y="-121" class="linktext">previousSibling</text>
+  <path d="M -158.5 -52.5 L -158.5 -28.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(-158.5 -28.5) rotate(180) scale(1)"/>
+  <text x="-153.5" y="-36" class="linktext">nextSibling</text>
+  <path d="M 12.5 -82.5 L 31.5 -82.5 A 7 7 0 0 0 38.5 -89.5 L 38.5 -95.5 A 7 7 0 0 0 31.5 -102.5 L 31.5 -102.5 L 24.5 -102.5" class="link" fill="none"/>
+  <path d="M 0 0 L 3 8 L 0 7 L -3 8 Z" stroke="none" fill="rgb(102, 170, 170)" transform="translate(24.5 -102.5) rotate(270) scale(1)"/>
+  <text x="29.5" y="-66" class="linktext">parentNode</text>
+</svg>
