BogaudioModules

commit 09117f9eb0d7133bb91f2b6dcddbc9bfdd240baa
parent dea9bbbcd0a6b94a44097061e077f514bd54b6bb
Author: Matt Demanett <matt@demanett.net>
Date:   Wed, 29 Jul 2020 01:04:10 -0400

Rewrite all module svg sources with nokogiri to standardize the syntax as a basis for further substantive changes.

Diffstat:
M
res-src/AD-src.svg
 | 
92
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/ADSR-src.svg
 | 
114
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/AMRM-src.svg
 | 
100
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/ASR-src.svg
 | 
96
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Additator-src.svg
 | 
224
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/AddrSeq-src.svg
 | 
168
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Analyzer-src.svg
 | 
134
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/AnalyzerXL-src.svg
 | 
36
+++++++++++++++---------------------
M
res-src/Arp-src.svg
 | 
90
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Assign-src.svg
 | 
82
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Blank3-src.svg
 | 
18
++++++------------
M
res-src/Blank6-src.svg
 | 
18
++++++------------
M
res-src/Bool-src.svg
 | 
58
++++++++++++++++++++++++++--------------------------------
M
res-src/CVD-src.svg
 | 
114
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Clpr-src.svg
 | 
86
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Cmp-src.svg
 | 
164
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/CmpDist-src.svg
 | 
192
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/DADSRH-src.svg
 | 
172
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/DADSRHPlus-src.svg
 | 
198
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/DGate-src.svg
 | 
90
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Detune-src.svg
 | 
76
+++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/EQ-src.svg
 | 
74
++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/EQS-src.svg
 | 
72
+++++++++++++++++++++++++++++++++---------------------------------------
M
res-src/Edge-src.svg
 | 
126
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/EightFO-src.svg
 | 
264
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/EightHP-src.svg
 | 
20
+++++++-------------
M
res-src/EightOne-src.svg
 | 
108
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/EighteenHP-src.svg
 | 
20
+++++++-------------
M
res-src/FFB-src.svg
 | 
150
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/FMOp-src.svg
 | 
214
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/FifteenHP-src.svg
 | 
20
+++++++-------------
M
res-src/FiveHP-src.svg
 | 
20
+++++++-------------
M
res-src/FlipFlop-src.svg
 | 
60
+++++++++++++++++++++++++++---------------------------------
M
res-src/Follow-src.svg
 | 
100
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/FourMan-src.svg
 | 
74
++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/Inv-src.svg
 | 
78
++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/LFO-src.svg
 | 
210
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/LLFO-src.svg
 | 
132
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/LVCF-src.svg
 | 
118
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/LVCO-src.svg
 | 
128
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Lag-src.svg
 | 
114
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Lmtr-src.svg
 | 
86
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Manual-src.svg
 | 
52
+++++++++++++++++++++++-----------------------------
M
res-src/Matrix44-src.svg
 | 
130
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Matrix88-src.svg
 | 
344
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/Mix1-src.svg
 | 
88
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Mix2-src.svg
 | 
92
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Mix4-src.svg
 | 
174
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Mix4x-src.svg
 | 
212
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Mix8-src.svg
 | 
246
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/Mix8x-src.svg
 | 
332
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/Mono-src.svg
 | 
128
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Mult-src.svg
 | 
60
+++++++++++++++++++++++++++---------------------------------
M
res-src/Mumix-src.svg
 | 
80
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Mute8-src.svg
 | 
118
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Noise-src.svg
 | 
52
+++++++++++++++++++++++-----------------------------
M
res-src/Nsgt-src.svg
 | 
80
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Offset-src.svg
 | 
146
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/OneEight-src.svg
 | 
108
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/PEQ-src.svg
 | 
186
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/PEQ14-src.svg
 | 
482
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/PEQ14XF-src.svg
 | 
100
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/PEQ14XR-src.svg
 | 
74
++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/PEQ14XV-src.svg
 | 
122
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/PEQ6-src.svg
 | 
284
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/PEQ6XF-src.svg
 | 
72
+++++++++++++++++++++++++++++++++---------------------------------------
M
res-src/Pan-src.svg
 | 
78
++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Pgmr-src.svg
 | 
236
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/PgmrX-src.svg
 | 
206
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/PolyCon16-src.svg
 | 
184
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/PolyCon8-src.svg
 | 
94
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/PolyMult-src.svg
 | 
80
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/PolyOff16-src.svg
 | 
288
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/PolyOff8-src.svg
 | 
174
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Pressor-src.svg
 | 
212
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Pulse-src.svg
 | 
118
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Reftone-src.svg
 | 
70
++++++++++++++++++++++++++++++++--------------------------------------
M
res-src/SampleHold-src.svg
 | 
80
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Shaper-src.svg
 | 
136
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/ShaperPlus-src.svg
 | 
160
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Sine-src.svg
 | 
114
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/SixHP-src.svg
 | 
20
+++++++-------------
M
res-src/SixteenHP-src.svg
 | 
20
+++++++-------------
M
res-src/Slew-src.svg
 | 
118
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/Stack-src.svg
 | 
106
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Sums-src.svg
 | 
60
+++++++++++++++++++++++++++---------------------------------
M
res-src/Switch-src.svg
 | 
78
++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Switch1616-src.svg
 | 
782
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/Switch44-src.svg
 | 
84
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Switch88-src.svg
 | 
202
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/TenHP-src.svg
 | 
20
+++++++-------------
M
res-src/Test-src.svg
 | 
88
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Test2-src.svg
 | 
108
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/TestExpanderBase-src.svg
 | 
44
+++++++++++++++++++-------------------------
M
res-src/TestExpanderExtension-src.svg
 | 
30
++++++++++++------------------
M
res-src/TestVCF-src.svg
 | 
130
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/ThirteenHP-src.svg
 | 
20
+++++++-------------
M
res-src/ThirtyHP-src.svg
 | 
20
+++++++-------------
M
res-src/ThreeHP-src.svg
 | 
20
+++++++-------------
M
res-src/TwelveHP-src.svg
 | 
20
+++++++-------------
M
res-src/TwentyFiveHP-src.svg
 | 
20
+++++++-------------
M
res-src/TwentyHP-src.svg
 | 
20
+++++++-------------
M
res-src/TwentyTwoHP-src.svg
 | 
20
+++++++-------------
M
res-src/UMix-src.svg
 | 
54
++++++++++++++++++++++++------------------------------
M
res-src/Unison-src.svg
 | 
102
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/VCA-src.svg
 | 
94
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/VCAmp-src.svg
 | 
84
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/VCF-src.svg
 | 
202
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/VCM-src.svg
 | 
112
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/VCO-src.svg
 | 
192
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/VU-src.svg
 | 
108
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Walk-src.svg
 | 
116
+++++++++++++++++++++++++++++++++++++------------------------------------------
M
res-src/Walk2-src.svg
 | 
172
++++++++++++++++++++++++++++++++++++++-----------------------------------------
M
res-src/XCO-src.svg
 | 
276
+++++++++++++++++++++++++++++++++++++++----------------------------------------
M
res-src/XFade-src.svg
 | 
110
+++++++++++++++++++++++++++++++++++++------------------------------------------

115 files changed, 6732 insertions(+), 7422 deletions(-)
diff --git a/res-src/AD-src.svg b/res-src/AD-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,7 +33,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(17 0)">
-          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(17 0)">
           <g transform="translate(3 0) rotate(145.13)">
@@ -47,13 +41,13 @@
           </g>
         </g>
         <g transform="rotate(-105.84) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-75.68) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(17 0)">
           <g transform="translate(3 0) rotate(27.87)">
@@ -61,52 +55,52 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <polyline points="13,0 3,380" stroke-width="0.5" stroke="#0f0" /> -->
@@ -119,57 +113,57 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">AD</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
-    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 82)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">DECAY</text>
-    <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 132.5)">
     <g transform="translate(2.5 0)">
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(0 6)">RT</text>
-      <use id="RETRIGGER_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)" />
+      <use id="RETRIGGER_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/>
     </g>
     <g transform="translate(23.5 0)">
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(0.3 6)">LP</text>
-      <use id="LOOP_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)" />
+      <use id="LOOP_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/>
     </g>
   </g>
 
   <g transform="translate(11 147)">
     <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text>
-    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)" />
+    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/>
   </g>
 
   <g transform="translate(0 160.5)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)" />
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/>
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text>
-      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(2 70)">ATTACK</text>
-      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">DECAY</text>
     </g>
     <g transform="translate(5.5 111)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text>
-      <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text>
     </g>
   </g>
diff --git a/res-src/ADSR-src.svg b/res-src/ADSR-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,7 +33,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(17 0)">
-          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(17 0)">
           <g transform="translate(3 0) rotate(145.13)">
@@ -47,13 +41,13 @@
           </g>
         </g>
         <g transform="rotate(-105.84) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-75.68) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(17 0)">
           <g transform="translate(3 0) rotate(27.87)">
@@ -61,19 +55,19 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
       </g>
     </symbol>
@@ -85,48 +79,48 @@
             <text font-size="6.5pt" transform="translate(-2.8 3.3)">0</text>
           </g>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -137,54 +131,54 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">ADSR</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">ATT</text>
-    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 82)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">DEC</text>
-    <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 139)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">SUS</text>
-    <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide-linear" transform="translate(0 0)" />
-    <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(0 0)"/>
+    <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 196)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13 0)">REL</text>
-    <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(10.5 247)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text>
-    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)" />
+    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/>
   </g>
 
   <g transform="translate(0 262)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/AMRM-src.svg b/res-src/AMRM-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,68 +19,68 @@
   <defs>
     <symbol id="knob45" viewBox="0 0 90px 90px">
       <g transform="translate(45 45)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="22" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="22" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-rectify" viewBox="0 0 90px 90px">
       <g transform="translate(45 45)">
         <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">0</text>
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(26 0)" />
-        <polyline points="0,0 5.5,0" stroke-width="1.5" stroke="#333" transform="rotate(60) translate(26 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(26 0)"/>
+        <polyline points="0,0 5.5,0" stroke-width="1.5" stroke="#333" transform="rotate(60) translate(26 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-drywet" viewBox="0 0 90px 90px">
       <g transform="translate(45 45)">
         <text font-size="6.0pt" transform="rotate(-240) translate(29 0) rotate(240) translate(-4 3)">D</text>
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(26 0)" />
-        <polyline points="0,0 5.5,0" stroke-width="1.5" stroke="#333" transform="rotate(-90) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(26 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(26 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(26 0)"/>
+        <polyline points="0,0 5.5,0" stroke-width="1.5" stroke="#333" transform="rotate(-90) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(26 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(26 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(29 0) rotate(-60) translate(-1 3)">W</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="26.5" y="17" font-size="9pt" letter-spacing="3px">AM/RM</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <rect width="90" height="23" fill="#0f0" transform="translate(0 18)" /> -->
@@ -95,35 +89,35 @@
 
   <g transform="translate(0 49)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(18 0)">RECTIFY</text>
-    <use id="RECTIFY_PARAM" xlink:href="#knob45" transform="translate(0 -5)" />
-    <use xlink:href="#knobguide-rectify" transform="translate(0 -5)" />
+    <use id="RECTIFY_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/>
+    <use xlink:href="#knobguide-rectify" transform="translate(0 -5)"/>
   </g>
 
   <g transform="translate(0 148)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">DRY/WET</text>
-    <use id="DRYWET_PARAM" xlink:href="#knob45" transform="translate(0 -5)" />
-    <use xlink:href="#knobguide-drywet" transform="translate(0 -5)" />
+    <use id="DRYWET_PARAM" xlink:href="#knob45" transform="translate(0 -5)"/>
+    <use xlink:href="#knobguide-drywet" transform="translate(0 -5)"/>
   </g>
 
   <g transform="translate(11 240)">
     <g transform="translate(0 0)">
-      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)" />
-      <rect width="68" height="73" rx="5" fill="#fafafa" />
-      <use id="MODULATOR_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/>
+      <rect width="68" height="73" rx="5" fill="#fafafa"/>
+      <use id="MODULATOR_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(7.5 36)">MOD</text>
-      <use id="CARRIER_INPUT" xlink:href="#input" transform="translate(39 4)" />
+      <use id="CARRIER_INPUT" xlink:href="#input" transform="translate(39 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 36)">CAR</text>
-      <use id="RECTIFY_INPUT" xlink:href="#input" transform="translate(5 40)" />
+      <use id="RECTIFY_INPUT" xlink:href="#input" transform="translate(5 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">RECT</text>
-      <use id="DRYWET_INPUT" xlink:href="#input" transform="translate(39 40)" />
+      <use id="DRYWET_INPUT" xlink:href="#input" transform="translate(39 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">D/W</text>
     </g>
     <g transform="translate(0 79)">
-      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="68" height="37" rx="5" fill="#bbb" />
-      <use id="RECTIFY_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="68" height="37" rx="5" fill="#bbb"/>
+      <use id="RECTIFY_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 33)">RECT</text>
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(39 1)" />
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 33)">OUT</text>
     </g>
   </g>
diff --git a/res-src/ASR-src.svg b/res-src/ASR-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,17 +19,17 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -47,7 +41,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(17 0)">
-          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(17 0)">
           <g transform="translate(3 0) rotate(145.13)">
@@ -55,13 +49,13 @@
           </g>
         </g>
         <g transform="rotate(-105.84) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-75.68) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(17 0)">
           <g transform="translate(3 0) rotate(27.87)">
@@ -69,52 +63,52 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <polyline points="13,0 13,380" stroke-width="0.5" stroke="#0f0" /> -->
@@ -127,51 +121,51 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">ASR</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">ATTACK</text>
-    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 82)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">RELEASE</text>
-    <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)" />
+    <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(3.5 130)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(7 11)">S</text>
-    <use id="SUSTAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 0)" />
+    <use id="SUSTAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 0)"/>
   </g>
 
   <g transform="translate(11 151)">
     <text font-size="5pt" letter-spacing="1.5px" transform="translate(-1 6)">LIN</text>
-    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)" />
+    <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(15 -1)"/>
   </g>
 
   <g transform="translate(0 162)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)" />
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/>
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text>
-      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(9 70)">ATT</text>
-      <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(9 105)">REL</text>
     </g>
     <g transform="translate(5.5 111)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">ENV</text>
-      <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="EOC_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 67)">EOC</text>
     </g>
   </g>
diff --git a/res-src/Additator-src.svg b/res-src/Additator-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,112 +19,112 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency" viewBox="0 0 108px 108px">
       <g transform="translate(54 54)">
         <g transform="rotate(-240) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
         </g>
         <g transform="rotate(-220.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-206.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
         </g>
         <g transform="rotate(-187.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-173.333) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
         </g>
         <g transform="rotate(-153.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-140) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
         </g>
         <g transform="rotate(-120.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-106.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
         </g>
         <g transform="rotate(-87.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-73.33) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
         </g>
         <g transform="rotate(-53.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-40) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
         </g>
         <g transform="rotate(-20.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-6.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
         </g>
         <g transform="rotate(12.77) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(26.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
         </g>
         <g transform="rotate(46.11) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(60) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
         </g>
       </g>
@@ -139,15 +133,15 @@
     <symbol id="knobguide-partials" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-212.73) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-212.73) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-152.12) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-152.12) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-91.52) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-91.52) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30.91) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30.91) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(29.7) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(29.7) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text>
       </g>
     </symbol>
@@ -158,31 +152,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -193,60 +187,60 @@
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(175 0)" /> -->
@@ -257,7 +251,7 @@
   <text class="title" x="49" y="19" font-size="12pt" letter-spacing="4px">ADDITATOR</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 225,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 135)" /> -->
@@ -269,9 +263,9 @@
     <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->
     <!-- <polyline points="0,54 254,54" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
   </g>
-  <use xlink:href="#knobguide-frequency" transform="translate(20 25)" />
+  <use xlink:href="#knobguide-frequency" transform="translate(20 25)"/>
 
   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
 
@@ -279,8 +273,8 @@
     <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="40,-20 40,50" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text>
-    <use id="PARTIALS_PARAM" xlink:href="#knob" transform="translate(21 0)" />
-    <use xlink:href="#knobguide-partials" transform="translate(5 -16)" />
+    <use id="PARTIALS_PARAM" xlink:href="#knob" transform="translate(21 0)"/>
+    <use xlink:href="#knobguide-partials" transform="translate(5 -16)"/>
   </g>
 
   <g transform="translate(10 155)">
@@ -290,28 +284,28 @@
       <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text>
-      <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(10 0)" />
+      <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(10 0)"/>
       <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> -->
     </g>
-    <use xlink:href="#knobguide-centertick" transform="translate(8 -7)" />
+    <use xlink:href="#knobguide-centertick" transform="translate(8 -7)"/>
     <g transform="translate(53 0)">
       <!-- <polyline points="-50,13 168,13" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text>
-      <use id="WIDTH_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="WIDTH_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(59.5 -9.5)" />
+    <use xlink:href="#knobguide-linear" transform="translate(59.5 -9.5)"/>
     <g transform="translate(106 0)">
       <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text>
-      <use id="ODD_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="ODD_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)"/>
     <g transform="translate(158 0)">
       <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text>
-      <use id="EVEN_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="EVEN_SKEW_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)"/>
   </g>
 
   <g transform="translate(10 218)">
@@ -319,88 +313,88 @@
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <!-- <polyline points="0,13 270,13" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text>
-      <use id="GAIN_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="GAIN_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(5.5 -9.5)" />
+    <use xlink:href="#knobguide-linear" transform="translate(5.5 -9.5)"/>
     <g transform="translate(53 0)">
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text>
-      <use id="DECAY_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="DECAY_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(59.5 -9.5)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(59.5 -9.5)"/>
     <g transform="translate(106 0)">
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text>
-      <use id="BALANCE_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="BALANCE_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(112.5 -9.5)"/>
     <g transform="translate(158 0)">
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text>
-      <use id="FILTER_PARAM" xlink:href="#knob-medium" transform="translate(16 0)" />
+      <use id="FILTER_PARAM" xlink:href="#knob-medium" transform="translate(16 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(164.5 -9.5)"/>
   </g>
 
   <g transform="translate(185 272)">
-    <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+    <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text>
-    <use id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)" />
+    <use id="COSINE_LIGHT" xlink:href="#light-small" transform="translate(0 15)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text>
-    <use id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)" />
+    <use id="PHASE_PARAM" xlink:href="#button-small" transform="translate(9 27)"/>
   </g>
 
   <g transform="translate(0 269)">
-    <rect width="205" height="47" rx="5" fill="#bbb" transform="translate(10 44)" />
-    <rect width="171" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)" />
+    <rect width="205" height="47" rx="5" fill="#bbb" transform="translate(10 44)"/>
+    <rect width="171" height="91" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)"/>
 
     <g transform="translate(10 0)">
       <g transform="translate(3 0)">
-        <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
       </g>
       <g transform="translate(37 0)">
-        <use id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="PARTIALS_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text>
       </g>
       <g transform="translate(71 0)">
-        <use id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="WIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text>
       </g>
       <g transform="translate(105 0)">
-        <use id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="ODD_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text>
       </g>
       <g transform="translate(139 0)">
-        <use id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="EVEN_SKEW_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ESK</text>
       </g>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(3 0)">
-        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
       </g>
       <g transform="translate(37 0)">
-        <use id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text>
       </g>
       <g transform="translate(71 0)">
-        <use id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="DECAY_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text>
       </g>
       <g transform="translate(105 0)">
-        <use id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="BALANCE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text>
       </g>
       <g transform="translate(139 0)">
-        <use id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="FILTER_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text>
       </g>
       <g transform="translate(173 0)">
-        <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
       </g>
     </g>
diff --git a/res-src/AddrSeq-src.svg b/res-src/AddrSeq-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -46,9 +40,9 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -67,88 +61,88 @@
 
     <symbol id="knobguide-bipolar-smallest" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-240) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-225) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-195) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(10 0)" />
-        <polyline points="0,0 4.0,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-135) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-105) translate(10 0)" />
-
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(10 0)" />
-
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-75) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-45) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(10 0)" />
-        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(15) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(45) translate(10 0)" />
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(10 0)" />
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-240) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-225) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-195) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(10 0)"/>
+        <polyline points="0,0 4.0,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-135) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-105) translate(10 0)"/>
+
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(10 0)"/>
+
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-75) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-45) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(10 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(15) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(45) translate(10 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(10 0)"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="15" y="17" font-size="9pt" letter-spacing="0.5px">ADDR-SEQ</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(6.5 32)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)" />
-    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/>
+    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text>
   </g>
   <g transform="translate(6.5 69)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text>
   </g>
 
   <g transform="translate(1 121)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text>
-    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)" />
-    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)" />
+    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)"/>
+    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)"/>
   </g>
 
   <g transform="translate(16.5 166)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text>
-    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
   </g>
 
@@ -156,61 +150,61 @@
   <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> -->
   <g transform="translate(1 220)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text>
-    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)" />
-    <use xlink:href="#knobguide-select" transform="translate(0 2)" />
+    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)"/>
+    <use xlink:href="#knobguide-select" transform="translate(0 2)"/>
     <g transform="translate(5.5 47)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(6.5 321)">
-    <rect width="34" height="39" rx="5" fill="#bbb" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#bbb"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text>
   </g>
 
   <g transform="translate(49.5 32)">
-    <use id="OUT1_PARAM" xlink:href="#knob-smallest" transform="translate(9 4)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 -8)" />
+    <use id="OUT1_PARAM" xlink:href="#knob-smallest" transform="translate(9 4)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 -8)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 32)">1</text>
-    <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 26.5)" />
+    <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 26.5)"/>
 
-    <use id="OUT2_PARAM" xlink:href="#knob-smallest" transform="translate(9 45.3)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 33.3)" />
+    <use id="OUT2_PARAM" xlink:href="#knob-smallest" transform="translate(9 45.3)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 33.3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 73.3)">2</text>
-    <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 67.8)" />
+    <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 67.8)"/>
 
-    <use id="OUT3_PARAM" xlink:href="#knob-smallest" transform="translate(9 86.6)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 74.6)" />
+    <use id="OUT3_PARAM" xlink:href="#knob-smallest" transform="translate(9 86.6)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 74.6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 114.6)">3</text>
-    <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 109.1)" />
+    <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 109.1)"/>
 
-    <use id="OUT4_PARAM" xlink:href="#knob-smallest" transform="translate(9 127.9)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 115.9)" />
+    <use id="OUT4_PARAM" xlink:href="#knob-smallest" transform="translate(9 127.9)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 115.9)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 155.9)">4</text>
-    <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 150.4)" />
+    <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 150.4)"/>
 
-    <use id="OUT5_PARAM" xlink:href="#knob-smallest" transform="translate(9 169.1)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 157.1)" />
+    <use id="OUT5_PARAM" xlink:href="#knob-smallest" transform="translate(9 169.1)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 157.1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 197.1)">5</text>
-    <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 191.6)" />
+    <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 191.6)"/>
 
-    <use id="OUT6_PARAM" xlink:href="#knob-smallest" transform="translate(9 210.4)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 198.4)" />
+    <use id="OUT6_PARAM" xlink:href="#knob-smallest" transform="translate(9 210.4)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 198.4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 238.4)">6</text>
-    <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 232.9)" />
+    <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 232.9)"/>
 
-    <use id="OUT7_PARAM" xlink:href="#knob-smallest" transform="translate(9 251.7)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 239.7)" />
+    <use id="OUT7_PARAM" xlink:href="#knob-smallest" transform="translate(9 251.7)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 239.7)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 279.7)">7</text>
-    <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 274.2)" />
+    <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 274.2)"/>
 
-    <use id="OUT8_PARAM" xlink:href="#knob-smallest" transform="translate(9 293)" />
-    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 281)" />
+    <use id="OUT8_PARAM" xlink:href="#knob-smallest" transform="translate(9 293)"/>
+    <use xlink:href="#knobguide-bipolar-smallest" transform="translate(-3 281)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 321)">8</text>
-    <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 315.5)" />
+    <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 315.5)"/>
   </g>
 
   <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> -->
diff --git a/res-src/Analyzer-src.svg b/res-src/Analyzer-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="300"
-  height="380"
-  viewBox="0 0 300 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
   <style>
     text {
       fill: #333;
@@ -24,25 +18,25 @@
 
   <defs>
     <symbol id="display" viewBox="0 0 280px 230px">
-      <rect cx="0" cy="0" width="280" height="230" fill="#222" />
+      <rect cx="0" cy="0" width="280" height="230" fill="#222"/>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-range" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(15)" />
-        <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(50)" />
-        <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-15)" />
-        <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-50)" />
+        <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(15)"/>
+        <path d="M 0 -32 A 32 32 0 0 1 32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(50)"/>
+        <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-15)"/>
+        <path d="M 0 -32 A 32 32 0 0 0 -32 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-50)"/>
         <g transform="rotate(-90) translate(29 0)">
-          <polyline points="0,0 6,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 6,0" stroke-width="1.5" stroke="#333"/>
         </g>
       </g>
     </symbol>
@@ -55,31 +49,31 @@
           </g>
         </g>
         <g transform="rotate(-210) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(30 0)">
-          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(31 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -91,42 +85,42 @@
 
     <symbol id="button" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="92.5" y="19" font-size="12pt" letter-spacing="4px">ANALYZER</text>
   <g transform="translate(110 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(10 25)">
-    <use id="DISPLAY_WIDGET" xlink:href="#display" />
+    <use id="DISPLAY_WIDGET" xlink:href="#display"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
@@ -137,41 +131,41 @@
   <!-- <polyline points="0,0 0,380" stroke="#f00" stroke-width="1" fill="none" transform="translate(150 0)" /> -->
   <g transform="translate(0 320)">
     <g transform="translate(10 0)">
-      <rect width="62" height="40" rx="5" fill="#fafafa" />
-      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)" />
-      <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-      <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-      <use id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />
+      <rect width="62" height="40" rx="5" fill="#fafafa"/>
+      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/>
+      <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+      <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+      <use id="SIGNALA_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text>
       <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text>
     </g>
 
     <g transform="translate(82.5 0)">
-      <rect width="62" height="40" rx="5" fill="#fafafa" />
-      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)" />
-      <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-      <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-      <use id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />
+      <rect width="62" height="40" rx="5" fill="#fafafa"/>
+      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/>
+      <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+      <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+      <use id="SIGNALB_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text>
       <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text>
     </g>
 
     <g transform="translate(155 0)">
-      <rect width="62" height="40" rx="5" fill="#fafafa" />
-      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)" />
-      <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-      <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-      <use id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />
+      <rect width="62" height="40" rx="5" fill="#fafafa"/>
+      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/>
+      <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+      <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+      <use id="SIGNALC_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text>
       <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text>
     </g>
 
     <g transform="translate(227 0)">
-      <rect width="62" height="40" rx="5" fill="#fafafa" />
-      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)" />
-      <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-      <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-      <use id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />
+      <rect width="62" height="40" rx="5" fill="#fafafa"/>
+      <rect width="23" height="40" rx="5" fill="#bbb" transform="translate(40)"/>
+      <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+      <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+      <use id="SIGNALD_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 36)">IN</text>
       <text font-size="6pt" letter-spacing="2px" transform="translate(33.5 36)">THRU</text>
     </g>
@@ -179,31 +173,31 @@
 
   <g transform="translate(0 271)">
     <g transform="translate(30 0)">
-      <use id="RANGE2_PARAM" xlink:href="#knob" transform="translate(0 0) scale(0.38)" />
+      <use id="RANGE2_PARAM" xlink:href="#knob" transform="translate(0 0) scale(0.38)"/>
       <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-38 -11)">RANGE</text>
     </g>
 
     <g transform="translate(103 0)">
-      <use id="SMOOTH_PARAM" xlink:href="#knob" transform="translate(0 0) scale(0.38)" />
+      <use id="SMOOTH_PARAM" xlink:href="#knob" transform="translate(0 0) scale(0.38)"/>
       <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-44 -11)">SMOOTH</text>
     </g>
 
     <g transform="translate(175 0)">
       <g transform="translate(-5 -5)">
         <g transform="translate(0 1)">
-          <use id="QUALITY_ULTRA_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="QUALITY_ULTRA_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">ULTRA</text>
         </g>
         <g transform="translate(0 15)">
-          <use id="QUALITY_HIGH_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="QUALITY_HIGH_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">HIGH</text>
         </g>
         <g transform="translate(0 29)">
-          <use id="QUALITY_GOOD_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="QUALITY_GOOD_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">GOOD</text>
         </g>
         <g transform="translate(9 40)">
-          <use id="QUALITY_PARAM" xlink:href="#button" transform="scale(0.1)" />
+          <use id="QUALITY_PARAM" xlink:href="#button" transform="scale(0.1)"/>
         </g>
       </g>
       <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-45 -11)">QUALITY</text>
@@ -212,25 +206,25 @@
     <g transform="translate(247 0)">
       <g transform="translate(-6 -5)">
         <g transform="translate(0 1)">
-          <use id="WINDOW_NONE_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="WINDOW_NONE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">NONE</text>
         </g>
         <g transform="translate(0 15)">
-          <use id="WINDOW_HAMMING_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="WINDOW_HAMMING_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="0.5px" transform="translate(9 6.1)">HAMMING</text>
         </g>
         <g transform="translate(0 29)">
-          <use id="WINDOW_KAISER_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+          <use id="WINDOW_KAISER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
           <text font-size="6pt" letter-spacing="1px" transform="translate(9 6.1)">KAISER</text>
         </g>
         <g transform="translate(9 40)">
-          <use id="WINDOW_PARAM" xlink:href="#button" transform="scale(0.1)" />
+          <use id="WINDOW_PARAM" xlink:href="#button" transform="scale(0.1)"/>
         </g>
       </g>
       <text font-size="7pt" letter-spacing="2px" transform="rotate(-90) translate(-43.5 -11)">WINDOW</text>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-range" transform=" translate(11.3 252) scale(0.75)" />
-  <use xlink:href="#knobguide-smooth" transform=" translate(84.3 252) scale(0.75)" />
+  <use xlink:href="#knobguide-range" transform=" translate(11.3 252) scale(0.75)"/>
+  <use xlink:href="#knobguide-smooth" transform=" translate(84.3 252) scale(0.75)"/>
 </svg>
diff --git a/res-src/AnalyzerXL-src.svg b/res-src/AnalyzerXL-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="630"
-  height="380"
-  viewBox="0 0 630 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="630" height="380" viewBox="0 0 630 380">
   <style>
     text {
       fill: #fff;
@@ -18,34 +12,34 @@
 
   <defs>
     <symbol id="display" viewBox="0 0 600px 380px">
-      <rect cx="0" cy="0" width="600" height="380" fill="#222" />
+      <rect cx="0" cy="0" width="600" height="380" fill="#222"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#000" />
+  <rect width="100%" height="100%" fill="#000"/>
   <g transform="translate(0 375) rotate(-90)">
     <text transform="translate(0 12.5)">ANALYZER-XL</text>
     <text transform="translate(0 25.5)">BOGAUDIO</text>
   </g>
 
   <g transform="translate(3, 13)">
-    <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(0 0)" />
-    <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(0 34)" />
-    <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(0 68)" />
-    <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(0 102)" />
-    <use id="SIGNALE_INPUT" xlink:href="#input" transform="translate(0 136)" />
-    <use id="SIGNALF_INPUT" xlink:href="#input" transform="translate(0 170)" />
-    <use id="SIGNALG_INPUT" xlink:href="#input" transform="translate(0 204)" />
-    <use id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)" />
+    <use id="SIGNALA_INPUT" xlink:href="#input" transform="translate(0 0)"/>
+    <use id="SIGNALB_INPUT" xlink:href="#input" transform="translate(0 34)"/>
+    <use id="SIGNALC_INPUT" xlink:href="#input" transform="translate(0 68)"/>
+    <use id="SIGNALD_INPUT" xlink:href="#input" transform="translate(0 102)"/>
+    <use id="SIGNALE_INPUT" xlink:href="#input" transform="translate(0 136)"/>
+    <use id="SIGNALF_INPUT" xlink:href="#input" transform="translate(0 170)"/>
+    <use id="SIGNALG_INPUT" xlink:href="#input" transform="translate(0 204)"/>
+    <use id="SIGNALH_INPUT" xlink:href="#input" transform="translate(0 238)"/>
   </g>
 
-  <use id="DISPLAY_WIDGET" xlink:href="#display" transform="translate(30 0)" />
+  <use id="DISPLAY_WIDGET" xlink:href="#display" transform="translate(30 0)"/>
   <!-- <rect cx="0" cy="0" width="600" height="380" fill="#555" transform="translate(30 0)" /> -->
 </svg>
diff --git a/res-src/Arp-src.svg b/res-src/Arp-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,59 +19,59 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">ARP</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -89,69 +83,69 @@
   <g transform="translate(3 18)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(5 6)">MODE</text>
     <g transform="translate(0 10)">
-      <use id="UP_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="UP_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">UP</text>
     </g>
     <g transform="translate(21 10)">
-      <use id="DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">DN</text>
     </g>
     <g transform="translate(0 20)">
-      <use id="UP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="UP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PD</text>
     </g>
     <g transform="translate(21 20)">
-      <use id="UP_DOWN_REPEAT_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="UP_DOWN_REPEAT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">PR</text>
     </g>
     <g transform="translate(0 30)">
-      <use id="IN_ORDER_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="IN_ORDER_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">IO</text>
     </g>
     <g transform="translate(21 30)">
-      <use id="RANDOM_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="RANDOM_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">RD</text>
     </g>
     <g transform="translate(0 40)">
-      <use id="SHUFFLE_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+      <use id="SHUFFLE_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">SH</text>
     </g>
-    <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(21 39)" />
+    <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(21 39)"/>
   </g>
 
   <g transform="translate(2.5 78.5)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">GATE</text>
-    <use id="GATE_LENGTH_PARAM" xlink:href="#knob-smallest" transform="translate(12 9)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(0 -3)" />
+    <use id="GATE_LENGTH_PARAM" xlink:href="#knob-smallest" transform="translate(12 9)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(0 -3)"/>
     <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -11)" /> -->
   </g>
 
   <g transform="translate(6 115)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">HOLD</text>
-    <use id="HOLD_PARAM" xlink:href="#button-small" transform="translate(23 -1)" />
+    <use id="HOLD_PARAM" xlink:href="#button-small" transform="translate(23 -1)"/>
     <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 -6)" /> -->
     <!-- <rect width="45" height="5" fill="#0f0" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 129)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="143" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)" />
-      <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="143" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/>
+      <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.3 35)">CLOCK</text>
-      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.3 70)">RESET</text>
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 105)">V/OCT</text>
-      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 108)" />
+      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 108)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 140)">GATE</text>
     </g>
     <g transform="translate(5.5 146)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text>
-      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
     </g>
   </g>
diff --git a/res-src/Assign-src.svg b/res-src/Assign-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,32 +19,32 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-channels" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text>
       </g>
@@ -58,33 +52,33 @@
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
 
@@ -92,33 +86,33 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">ASSIGN</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)" />
-    <use xlink:href="#knobguide-channels" transform="translate(0 -1)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)"/>
+    <use xlink:href="#knobguide-channels" transform="translate(0 -1)"/>
   </g>
 
   <g transform="translate(0 75)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)" />
-      <rect width="34" height="105" rx="5" fill="#fafafa" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/>
+      <rect width="34" height="105" rx="5" fill="#fafafa"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
-      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text>
-      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 105)">RESET</text>
     </g>
     <g transform="translate(5.5 111)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text>
-      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
     </g>
   </g>
diff --git a/res-src/Blank3-src.svg b/res-src/Blank3-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,10 +19,10 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="45" height="380" fill="#0f0" /> -->
   <!-- <rect width="35" height="130" fill="#ddd" transform="translate(5 125)" /> -->
diff --git a/res-src/Blank6-src.svg b/res-src/Blank6-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,10 +19,10 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="90" height="380" fill="#0f0" /> -->
   <!-- <rect width="30" height="316" fill="#ddd" transform="translate(30 32)" /> -->
diff --git a/res-src/Bool-src.svg b/res-src/Bool-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,59 +19,59 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">BOOL</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(7.5 18)">
-    <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)" />
-    <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)" />
-    <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)" />
+    <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/>
+    <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/>
+    <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/>
   </g>
   <g transform="translate(7.5 82)">
-    <rect width="34" height="123" rx="5" fill="#bbb" transform="translate(-2 0)" />
-    <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)" />
-    <use id="AND_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+    <rect width="34" height="123" rx="5" fill="#bbb" transform="translate(-2 0)"/>
+    <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/>
+    <use id="AND_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">AND</text>
-    <use id="OR_OUTPUT" xlink:href="#output" transform="translate(3 44)" />
+    <use id="OR_OUTPUT" xlink:href="#output" transform="translate(3 44)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(9.5 77)">OR</text>
-    <use id="XOR_OUTPUT" xlink:href="#output" transform="translate(3 84)" />
+    <use id="XOR_OUTPUT" xlink:href="#output" transform="translate(3 84)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">XOR</text>
   </g>
 
   <g transform="translate(0 217)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)" />
-      <rect width="34" height="32" rx="5" fill="#fafafa" />
-      <use id="NOT_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/>
+      <rect width="34" height="32" rx="5" fill="#fafafa"/>
+      <use id="NOT_INPUT" xlink:href="#input" transform="translate(5 4)"/>
     </g>
     <g transform="translate(5.5 35)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="39" rx="5" fill="#bbb" />
-      <use id="NOT_OUTPUT" xlink:href="#output" transform="translate(5 2)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="39" rx="5" fill="#bbb"/>
+      <use id="NOT_OUTPUT" xlink:href="#output" transform="translate(5 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NOT</text>
     </g>
   </g>
diff --git a/res-src/CVD-src.svg b/res-src/CVD-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,32 +19,32 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-time" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text>
       </g>
     </symbol>
@@ -58,49 +52,49 @@
     <symbol id="knobguide-scale" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-135) translate(15 0) rotate(135) translate(-8 2)">0.1</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-135) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-135) translate(9.5 0)"/>
         <text font-size="5.0pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-2 2)">1</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)"/>
         <text font-size="5.0pt" transform="rotate(-45) translate(15 0) rotate(45) translate(-2 2)">10</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(9.5 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mix" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">D</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">W</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
 
@@ -108,45 +102,45 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">CVD</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
-    <use id="TIME_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-time" transform="translate(0 3)" />
-    <use id="TIME_SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 59)" />
-    <use xlink:href="#knobguide-scale" transform="translate(0 44.5)" />
+    <use id="TIME_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-time" transform="translate(0 3)"/>
+    <use id="TIME_SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 59)"/>
+    <use xlink:href="#knobguide-scale" transform="translate(0 44.5)"/>
     <g transform="translate(5.5 79)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 165)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(2 0)">DRY/WET</text>
-    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-mix" transform="translate(0 3)" />
+    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-mix" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 264)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Clpr-src.svg b/res-src/Clpr-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,24 +19,24 @@
   <defs>
     <symbol id="knob38" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-threshold38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
@@ -51,47 +45,47 @@
     <symbol id="knobguide-outputgain38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">CLPR</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> -->
@@ -102,42 +96,42 @@
 
   <g transform="translate(0 40)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text>
-    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)" />
-    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)" />
+    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/>
+    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)"/>
   </g>
 
   <g transform="translate(0 122)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text>
-    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)" />
-    <use xlink:href="#knobguide-outputgain38" transform="translate(10 -4)" />
+    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/>
+    <use xlink:href="#knobguide-outputgain38" transform="translate(10 -4)"/>
   </g>
 
   <g transform="translate(40 198)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
-    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
   </g>
 
   <g transform="translate(11 240)">
     <g transform="translate(0 0)">
-      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)" />
-      <rect width="68" height="73" rx="5" fill="#fafafa" />
-      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/>
+      <rect width="68" height="73" rx="5" fill="#fafafa"/>
+      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text>
-      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)" />
+      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text>
-      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)" />
+      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text>
-      <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)" />
+      <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text>
     </g>
     <g transform="translate(0 79)">
-      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="68" height="37" rx="5" fill="#bbb" />
-      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="68" height="37" rx="5" fill="#bbb"/>
+      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text>
-      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)" />
+      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
     </g>
   </g>
diff --git a/res-src/Cmp-src.svg b/res-src/Cmp-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,17 +19,17 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -43,31 +37,31 @@
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(21 0) rotate(240) translate(-5 2.2)">-10</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
 
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-165) translate(17 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-165) translate(17 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(17 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-90) translate(19 0) rotate(90) translate(-1.9 2.2)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
 
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-15) translate(17 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-15) translate(17 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(17 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(21 0) rotate(-60) translate(-4 2.2)">10</text>
       </g>
@@ -77,17 +71,17 @@
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
 
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text>
       </g>
@@ -96,16 +90,16 @@
     <symbol id="knobguide-lag" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(-145.13) translate(20.5 0) rotate(145.13) translate(-4.7 2.2)">0.1</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105.84) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.86) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-50.26) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-27.87) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-7.62) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(11) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(28.33) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(44.6) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105.84) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.86) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-50.26) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-27.87) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-7.62) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(11) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(28.33) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(44.6) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-1.8 2.2)">1</text>
       </g>
     </symbol>
@@ -114,36 +108,36 @@
       <!-- <rect width="90" height="45" fill="#f003" transform="translate(0 0)" /> -->
       <g transform="translate(8 22.5)">
         <text font-size="5.0pt" transform="rotate(-22.5) translate(14 0) rotate(22.5) translate(-1 2.6)">0-10V</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-22.5) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-22.5) translate(9.5 0)"/>
         <text font-size="5.0pt" transform="rotate(22.5) translate(14 0) rotate(-22.5) translate(-1 2.0)">+/-5V</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(22.5) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(22.5) translate(9.5 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="45" y="17" font-size="9pt" letter-spacing="3px">CMP</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <rect width="90" height="12" fill="#0f0" transform="translate(0 122)" /> -->
@@ -152,44 +146,44 @@
 
   <g transform="translate(0 35)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">A</text>
-    <use id="A_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-offset" transform="translate(0 3)" />
+    <use id="A_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-offset" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(13 35)">IN</text>
     </g>
   </g>
 
   <g transform="translate(45 35)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(20 0)">B</text>
-    <use id="B_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-offset" transform="translate(0 3)" />
+    <use id="B_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-offset" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="B_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="B_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(13 35)">IN</text>
     </g>
   </g>
 
   <g transform="translate(0 140)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">WINDOW</text>
-    <use id="WINDOW_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-window" transform="translate(0 3)" />
+    <use id="WINDOW_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-window" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(45 140)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">LAG</text>
-    <use id="LAG_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-lag" transform="translate(0 3)" />
+    <use id="LAG_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-lag" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="LAG_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="LAG_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
@@ -197,27 +191,27 @@
   <g transform="translate(25 239)">
     <!-- <rect width="40" height="32" fill="#0f03" transform="translate(0 0)" /> -->
     <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 7)">OUTPUT</text>
-    <use id="OUTPUT_PARAM" xlink:href="#knob-smallest" transform="translate(0.5 12)" />
-    <use xlink:href="#knobguide-voltage" transform="translate(0.5 -2.5)" />
+    <use id="OUTPUT_PARAM" xlink:href="#knob-smallest" transform="translate(0.5 12)"/>
+    <use xlink:href="#knobguide-voltage" transform="translate(0.5 -2.5)"/>
   </g>
 
   <g transform="translate(11 279)">
-    <rect width="68" height="77" rx="5" fill="#bbb" />
-    <use id="GREATER_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+    <rect width="68" height="77" rx="5" fill="#bbb"/>
+    <use id="GREATER_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
     <g transform="translate(9 36.5)">
       <text font-size="5pt" transform="translate(0 0)">A</text>
-      <text font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#8805;</text>
+      <text font-size="8pt" style="font-weight: normal" transform="translate(6 0.5)">&#x2265;</text>
       <text font-size="5pt" transform="translate(13 0)">B</text>
     </g>
-    <use id="LESS_OUTPUT" xlink:href="#output" transform="translate(39 4)" />
+    <use id="LESS_OUTPUT" xlink:href="#output" transform="translate(39 4)"/>
     <g transform="translate(43 36.5)">
       <text font-size="5pt" transform="translate(0 0)">A</text>
       <text font-size="8pt" style="font-weight: normal" transform="translate(6 1)">&lt;</text>
       <text font-size="5pt" transform="translate(13 0)">B</text>
     </g>
-    <use id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)" />
+    <use id="EQUAL_OUTPUT" xlink:href="#output" transform="translate(5 40)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12 72)">EQ</text>
-    <use id="NOT_EQUAL_OUTPUT" xlink:href="#output" transform="translate(39 40)" />
+    <use id="NOT_EQUAL_OUTPUT" xlink:href="#output" transform="translate(39 40)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">NOT</text>
   </g>
 </svg>
diff --git a/res-src/CmpDist-src.svg b/res-src/CmpDist-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,17 +19,17 @@
   <defs>
     <symbol id="knob29" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -43,27 +37,27 @@
       <g transform="translate(22.5 22.5)">
         <text font-size="7pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.2 2.2)">-</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-165) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-165) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(17 0)"/>
 
         <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-15) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-15) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(17 0)"/>
 
         <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text>
       </g>
@@ -73,17 +67,17 @@
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-1.9 2.2)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
 
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-4 2.2)">10</text>
       </g>
@@ -92,15 +86,15 @@
     <symbol id="knobguide-drywet29" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2.5 3)">D</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 4.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 4.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 3)">W</text>
       </g>
     </symbol>
@@ -108,41 +102,41 @@
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="30" height="20" fill="#0f0" transform="translate(120 0)" /> -->
   <text class="title" x="26" y="19" font-size="12pt" letter-spacing="3.5px">CMPDIST</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <rect width="150" height="14" fill="#0f0" transform="translate(0 80)" /> -->
@@ -151,38 +145,38 @@
 
   <g transform="translate(6 35)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">A SCALE</text>
-    <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)" />
+    <use id="A_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(52.5 35)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 0)">WINDOW</text>
-    <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-window" transform="translate(0 3)" />
+    <use id="WINDOW_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-window" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(99 35)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 0)">B SCALE</text>
-    <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)" />
+    <use id="B_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(6 100)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">GT MIX</text>
-    <use id="GT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)" />
+    <use id="GT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(52.5 100)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 0)">EQ MIX</text>
-    <use id="EQ_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)" />
+    <use id="EQ_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(99 100)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(7 0)">LT MIX</text>
-    <use id="LT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)" />
+    <use id="LT_MIX_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-attenuverter" transform="translate(0 3)"/>
   </g>
 
   <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(28.5 0)" /> -->
@@ -191,79 +185,79 @@
 
   <g transform="translate(52.5 165)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(2.5 0)">DRY/WET</text>
-    <use id="DRY_WET_PARAM" xlink:href="#knob29" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-drywet29" transform="translate(0 3)" />
+    <use id="DRY_WET_PARAM" xlink:href="#knob29" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-drywet29" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(20.5 182.5)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">A DRY</text>
-    <use id="A_DRY_PARAM" xlink:href="#knob-smallest" transform="translate(0 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(-12.5 -12)" />
+    <use id="A_DRY_PARAM" xlink:href="#knob-smallest" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(-12.5 -12)"/>
   </g>
 
   <g transform="translate(113.5 182.5)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(-6 -9)">B DRY</text>
-    <use id="B_DRY_PARAM" xlink:href="#knob-smallest" transform="translate(0 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(-12.5 -12)" />
+    <use id="B_DRY_PARAM" xlink:href="#knob-smallest" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(-12.5 -12)"/>
   </g>
 
   <g transform="translate(0 225)">
-    <rect width="130" height="135" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="65" height="91" rx="5" fill="#bbb" transform="translate(75 44)" />
-    <rect width="10" height="8" fill="#bbb" transform="translate(75 44)" />
-    <rect width="10" height="8" fill="#bbb" transform="translate(130 44)" />
-    <rect width="10" height="8" fill="#bbb" transform="translate(75 127)" />
+    <rect width="130" height="135" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="65" height="91" rx="5" fill="#bbb" transform="translate(75 44)"/>
+    <rect width="10" height="8" fill="#bbb" transform="translate(75 44)"/>
+    <rect width="10" height="8" fill="#bbb" transform="translate(130 44)"/>
+    <rect width="10" height="8" fill="#bbb" transform="translate(75 127)"/>
 
     <g transform="translate(12 0)">
-      <use id="GT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="GT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">GTM</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="LT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="LT_MIX_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">LTM</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="WINDOW_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="0.5px" transform="translate(1.5 40)">WNDW</text>
     </g>
     <g transform="translate(108 0)">
-      <use id="DRY_WET_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="DRY_WET_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">D/W</text>
     </g>
 
     <g transform="translate(0 44)">
       <g transform="translate(12 0)">
-        <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">A IN</text>
       </g>
       <g transform="translate(44 0)">
-        <use id="A_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="A_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">A SCL</text>
       </g>
       <g transform="translate(76 0)">
-        <use id="GT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="GT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">GT</text>
       </g>
       <g transform="translate(108 0)">
-        <use id="LT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="LT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(9.5 40)">LT</text>
       </g>
 
       <g transform="translate(10 44)">
         <g transform="translate(2 0)">
-          <use id="B_INPUT" xlink:href="#input" transform="translate(3 5)" />
+          <use id="B_INPUT" xlink:href="#input" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">B IN</text>
         </g>
         <g transform="translate(34 0)">
-          <use id="B_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+          <use id="B_SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">B SCL</text>
         </g>
         <g transform="translate(66 0)">
-          <use id="EQ_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+          <use id="EQ_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(9 40)">EQ</text>
         </g>
         <g transform="translate(98 0)">
-          <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+          <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="2px" transform="translate(6 40)">MIX</text>
         </g>
       </g>
diff --git a/res-src/DADSRH-src.svg b/res-src/DADSRH-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,31 +33,31 @@
           </g>
         </g>
         <g transform="rotate(-210) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(30 0)">
-          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -81,7 +75,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(30 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(30 0)">
           <g transform="translate(2 0) rotate(145.13)">
@@ -94,10 +88,10 @@
           </g>
         </g>
         <g transform="rotate(-75.68) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(30 0)">
           <g transform="translate(2 0) rotate(27.87)">
@@ -105,16 +99,16 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -126,212 +120,212 @@
 
     <symbol id="button" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="22" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(9 33)">
     <g transform="translate(0 0)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text>
-      <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(3 43)" />
+      <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(3 43)"/>
     </g>
 
     <g transform="translate(0 56)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text>
-      <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 34)" />
+      <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
     </g>
 
     <g transform="translate(0 112)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text>
-      <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 34)" />
+      <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
     </g>
 
     <g transform="translate(0 168)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text>
-      <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="SUSTAIN_LIGHT" xlink:href="#light" transform="translate(3 34)" />
+      <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="SUSTAIN_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
     </g>
 
     <g transform="translate(0 224)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text>
-      <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="RELEASE_LIGHT" xlink:href="#light" transform="translate(3 34)" />
+      <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="RELEASE_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
     </g>
 
     <g transform="translate(0 280)">
       <g transform="translate(75 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text>
-        <use id="HOLD_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
+        <use id="HOLD_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
       </g>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 19)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 94)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 169)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(11 243)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 318)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(85 392.5)" />
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 19)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 94)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 169)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(11 243)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 318)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(85 392.5)"/>
 
   <g>
     <g transform="translate(77 96)">
       <g transform="translate(0 0)">
-        <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="ATTACK_SHAPE_PARAM" xlink:href="#button" transform="scale(0.1)" />
+        <use id="ATTACK_SHAPE_PARAM" xlink:href="#button" transform="scale(0.1)"/>
       </g>
     </g>
 
     <g transform="translate(77 152.5)">
       <g transform="translate(0 0)">
-        <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light" transform="translate(0 0)" />
+        <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light" transform="translate(0 0)"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(6 -2)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="DECAY_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)" />
+        <use id="DECAY_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)"/>
       </g>
     </g>
 
     <g transform="translate(77 264.5)">
       <g transform="translate(0 0)">
-        <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(6 -2)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="RELEASE_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)" />
+        <use id="RELEASE_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)"/>
       </g>
     </g>
   </g>
 
   <g transform="translate(84 37)">
-    <rect width="58" height="40" rx="5" fill="#fafafa" />
-    <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)" />
-    <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)" />
+    <rect width="58" height="40" rx="5" fill="#fafafa"/>
+    <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/>
+    <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
   </g>
 
   <g transform="translate(120 93)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text>
-    <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text>
   </g>
 
   <g transform="translate(120 143)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
-    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
   </g>
 
   <g transform="translate(20 319)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
-    <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
   </g>
 
   <g transform="translate(55 319)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text>
-    <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text>
   </g>
 
   <g transform="translate(112 187)">
-    <rect width="30" height="116" rx="5" fill="#bbb" />
+    <rect width="30" height="116" rx="5" fill="#bbb"/>
     <g transform="translate(0 1)">
-      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
     </g>
     <g transform="translate(0 38)">
-      <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text>
     </g>
     <g transform="translate(0 75)">
-      <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
     </g>
   </g>
diff --git a/res-src/DADSRHPlus-src.svg b/res-src/DADSRHPlus-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,31 +33,31 @@
           </g>
         </g>
         <g transform="rotate(-210) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(30 0)">
-          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -81,7 +75,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(30 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(30 0)">
           <g transform="translate(2 0) rotate(145.13)">
@@ -94,10 +88,10 @@
           </g>
         </g>
         <g transform="rotate(-75.68) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(30 0)">
           <g transform="translate(2 0) rotate(27.87)">
@@ -105,16 +99,16 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -126,230 +120,230 @@
 
     <symbol id="button" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="52.5" y="19" font-size="12pt" letter-spacing="4px">DADSR(H)+</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(149 26)">
-    <rect width="30" height="323" rx="5" fill="#fafafa" />
+    <rect width="30" height="323" rx="5" fill="#fafafa"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text>
   </g>
   <g transform="translate(186 26)">
-    <rect width="30" height="267" rx="5" fill="#bbb" />
+    <rect width="30" height="267" rx="5" fill="#bbb"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text>
   </g>
 
   <g transform="translate(9 33)">
     <g transform="translate(0 0)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text>
-      <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(3 43)" />
-      <use id="DELAY_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="DELAY_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(3 43)"/>
+      <use id="DELAY_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="DELAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 56)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text>
-      <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 34)" />
-      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
+      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 112)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text>
-      <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 34)" />
-      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
+      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 168)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text>
-      <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="SUSTAIN_LIGHT" xlink:href="#light" transform="translate(3 34)" />
-      <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="SUSTAIN_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="SUSTAIN_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="SUSTAIN_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
+      <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="SUSTAIN_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 224)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text>
-      <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)" />
-      <use id="RELEASE_LIGHT" xlink:href="#light" transform="translate(3 34)" />
-      <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="RELEASE_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="RELEASE_PARAM" xlink:href="#knob" transform="translate(18 0) scale(0.38)"/>
+      <use id="RELEASE_LIGHT" xlink:href="#light" transform="translate(3 34)"/>
+      <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="RELEASE_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(75 280)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text>
-      <use id="HOLD_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
-      <use id="HOLD_INPUT" xlink:href="#input" transform="translate(68 7)" />
+      <use id="HOLD_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
+      <use id="HOLD_INPUT" xlink:href="#input" transform="translate(68 7)"/>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 19)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 94)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 169)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(11 243)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 318)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(85 392.5)" />
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 19)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 94)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 169)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(11 243)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(11 318)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(85 392.5)"/>
 
   <g>
     <g transform="translate(77 96)">
       <g transform="translate(0 0)">
-        <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE1_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 1 1 Q 1 -6, 8 -6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(-45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="ATTACK_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 5)">
-          <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0 1 Q 7 1, 8 -7" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="ATTACK_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)" />
+        <use id="ATTACK_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)"/>
       </g>
     </g>
 
     <g transform="translate(77 152.5)">
       <g transform="translate(0 0)">
-        <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light" />
+        <use id="DECAY_SHAPE1_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="DECAY_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(6 -2)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="DECAY_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="DECAY_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)" />
+        <use id="DECAY_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)"/>
       </g>
     </g>
 
     <g transform="translate(77 264.5)">
       <g transform="translate(0 0)">
-        <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE1_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 1 6, 8 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 10)">
-        <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE2_LIGHT" xlink:href="#light"/>
         <g transform="translate(6 -2)">
-          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)" />
+          <polyline points="0,1 10,1" stroke="#333" stroke-width="1" fill="none" transform="rotate(45)"/>
         </g>
       </g>
       <g transform="translate(0 20)">
-        <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light" />
+        <use id="RELEASE_SHAPE3_LIGHT" xlink:href="#light"/>
         <g transform="translate(5 0)">
-          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0.5 -1 Q 6 0, 7 6" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
       <g transform="translate(0 28)">
-        <use id="RELEASE_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)" />
+        <use id="RELEASE_SHAPE_PARAM" xlink:href="#button" transform="scale(0.09)"/>
       </g>
     </g>
   </g>
 
   <g transform="translate(84 37)">
-    <rect width="58" height="40" rx="5" fill="#fafafa" />
-    <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)" />
-    <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)" />
+    <rect width="58" height="40" rx="5" fill="#fafafa"/>
+    <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/>
+    <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
   </g>
 
   <g transform="translate(120 93)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text>
-    <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text>
   </g>
 
   <g transform="translate(120 143)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
-    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
   </g>
 
   <g transform="translate(20 319)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
-    <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
   </g>
 
   <g transform="translate(55 319)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text>
-    <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="RETRIGGER_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text>
   </g>
 
   <g transform="translate(112 187)">
-    <rect width="30" height="116" rx="5" fill="#bbb" />
+    <rect width="30" height="116" rx="5" fill="#bbb"/>
     <g transform="translate(0 1)">
-      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
     </g>
     <g transform="translate(0 38)">
-      <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="INV_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text>
     </g>
     <g transform="translate(0 75)">
-      <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+      <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
     </g>
   </g>
diff --git a/res-src/DGate-src.svg b/res-src/DGate-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,7 +33,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(17 0)">
-          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(17 0)">
           <g transform="translate(3 0) rotate(145.13)">
@@ -47,13 +41,13 @@
           </g>
         </g>
         <g transform="rotate(-105.84) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-75.68) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(17 0)">
           <g transform="translate(3 0) rotate(27.87)">
@@ -61,57 +55,57 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -122,47 +116,47 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">DGATE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 0)">DELAY</text>
-    <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(20.8 40)" />
+    <use id="DELAY_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="DELAY_LIGHT" xlink:href="#light" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(0 84)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 0)">GATE</text>
-    <use id="GATE_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide" transform="translate(0 0)" />
-    <use id="GATE_LIGHT" xlink:href="#light" transform="translate(20.8 40)" />
+    <use id="GATE_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide" transform="translate(0 0)"/>
+    <use id="GATE_LIGHT" xlink:href="#light" transform="translate(20.8 40)"/>
   </g>
 
   <g transform="translate(15.5 143)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
-    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
   </g>
 
   <g transform="translate(0 187)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)" />
-      <rect width="34" height="62" rx="5" fill="#fafafa" />
-      <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)" />
-      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 26)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/>
+      <rect width="34" height="62" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+      <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(5 26)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 58)">TRIG</text>
     </g>
     <g transform="translate(0 62)">
-      <rect width="34" height="74" rx="5" fill="#bbb" transform="translate(5.5 0)" />
-      <rect width="34" height="10" fill="#bbb" transform="translate(5.5 0)" />
+      <rect width="34" height="74" rx="5" fill="#bbb" transform="translate(5.5 0)"/>
+      <rect width="34" height="10" fill="#bbb" transform="translate(5.5 0)"/>
       <g transform="translate(5.5 0)">
-        <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+        <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 35)">GATE</text>
       </g>
       <g transform="translate(5.5 38)">
-        <use id="END_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <use id="END_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 32)">END</text>
       </g>
     </g>
diff --git a/res-src/Detune-src.svg b/res-src/Detune-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -37,31 +31,31 @@
           <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">50</text>
@@ -71,23 +65,23 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 64)" /> -->
@@ -97,37 +91,37 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">DETUNE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">CENTS</text>
-    <use id="CENTS_PARAM" xlink:href="#knob" transform="translate(0 -2)" />
-    <use xlink:href="#knobguide" transform="translate(0 -2)" />
+    <use id="CENTS_PARAM" xlink:href="#knob" transform="translate(0 -2)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -2)"/>
   </g>
 
   <g transform="translate(5.5 74)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
   </g>
 
   <g transform="translate(0 123)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="107" rx="5" fill="#bbb" />
-      <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="107" rx="5" fill="#bbb"/>
+      <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text>
-      <use id="OUT_PLUS_OUTPUT" xlink:href="#output" transform="translate(5 36)" />
+      <use id="OUT_PLUS_OUTPUT" xlink:href="#output" transform="translate(5 36)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 68)">OUT+</text>
-      <use id="OUT_MINUS_OUTPUT" xlink:href="#output" transform="translate(5 72)" />
+      <use id="OUT_MINUS_OUTPUT" xlink:href="#output" transform="translate(5 72)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 104)">OUT-</text>
     </g>
   </g>
diff --git a/res-src/EQ-src.svg b/res-src/EQ-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,24 +19,24 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-eq" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-6 3)">-36</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-215) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-190) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-140) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-115) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-215) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-190) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-140) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-115) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-1.9 3)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(17 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-15) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(17 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-15) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-3.5 3)">12</text>
         <text font-size="5.0pt" transform="rotate(90) translate(20 0) rotate(-90) translate(-4 3)">dB</text>
       </g>
@@ -50,64 +44,64 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">EQ</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 36)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(12.5 0)">LOW</text>
-    <use id="LOW_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-eq" transform="translate(0 3)" />
+    <use id="LOW_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-eq" transform="translate(0 3)"/>
     <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> -->
   </g>
 
   <g transform="translate(0 114)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(13.5 0)">MID</text>
-    <use id="MID_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-eq" transform="translate(0 3)" />
+    <use id="MID_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-eq" transform="translate(0 3)"/>
     <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> -->
   </g>
 
   <g transform="translate(0 192)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(10 0)">HIGH</text>
-    <use id="HIGH_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-eq" transform="translate(0 3)" />
+    <use id="HIGH_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-eq" transform="translate(0 3)"/>
     <!-- <rect width="45" height="24" fill="#f0f" transform="translate(0 48)" /> -->
   </g>
 
   <g transform="translate(0 264)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/EQS-src.svg b/res-src/EQS-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,24 +19,24 @@
   <defs>
     <symbol id="knob38" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-eq-38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-36</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-215) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-215) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-190) translate(25 0) rotate(190) translate(-10 2.5)">-24</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-140) translate(25 0) rotate(140) translate(-10 2.5)">-12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-115) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-115) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-3 2.5)">6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">12</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
@@ -50,63 +44,63 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="50" y="17" font-size="9pt" letter-spacing="3px">EQS</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(0 40)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(32 0)">LOW</text>
-    <use id="LOW_PARAM" xlink:href="#knob38" transform="translate(26 13)" />
-    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)" />
+    <use id="LOW_PARAM" xlink:href="#knob38" transform="translate(26 13)"/>
+    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)"/>
   </g>
 
   <g transform="translate(0 122)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(33 0)">MID</text>
-    <use id="MID_PARAM" xlink:href="#knob38" transform="translate(26 13)" />
-    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)" />
+    <use id="MID_PARAM" xlink:href="#knob38" transform="translate(26 13)"/>
+    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)"/>
   </g>
 
   <g transform="translate(0 204)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(29 0)">HIGH</text>
-    <use id="HIGH_PARAM" xlink:href="#knob38" transform="translate(26 13)" />
-    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)" />
+    <use id="HIGH_PARAM" xlink:href="#knob38" transform="translate(26 13)"/>
+    <use xlink:href="#knobguide-eq-38" transform="translate(10 -3)"/>
   </g>
 
   <g transform="translate(11 275)">
     <g transform="translate(0 0)">
-      <rect width="68" height="10" fill="#fafafa" transform="translate(0 31)" />
-      <rect width="68" height="38" rx="5" fill="#fafafa" />
-      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="68" height="10" fill="#fafafa" transform="translate(0 31)"/>
+      <rect width="68" height="38" rx="5" fill="#fafafa"/>
+      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text>
-      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)" />
+      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text>
     </g>
     <g transform="translate(0 44)">
-      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="68" height="37" rx="5" fill="#bbb" />
-      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="68" height="37" rx="5" fill="#bbb"/>
+      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text>
-      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)" />
+      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
     </g>
   </g>
diff --git a/res-src/Edge-src.svg b/res-src/Edge-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,43 +19,43 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <g transform="rotate(-240) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-225) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-210) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-195) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-165) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-135) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-105) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
 
         <g transform="rotate(-90) translate(17 0)">
@@ -72,34 +66,34 @@
         </g>
 
         <g transform="rotate(-75) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-45) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-15) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(15) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(45) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
 
         <g transform="rotate(-225) translate(22 0)">
@@ -119,97 +113,97 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-hold" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-240) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-240) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(-240) translate(15 0) rotate(240) translate(-3.5 2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-145.13) translate(10 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-145.13) translate(10 0)"/>
         <text font-size="5.0pt" transform="rotate(-145.13) translate(18 0) rotate(145.13) translate(-2 2.2)">0.1</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-27.87) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-27.87) translate(10 0)"/>
         <text font-size="5.0pt" transform="rotate(-27.87) translate(15 0) rotate(27.87) translate(-5 0)">0.5</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(10 0)"/>
         <text font-size="5pt" letter-spacing="1" transform="rotate(60) translate(15 0) rotate(-60) translate(-0.5 2)">1s</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">EDGE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">RISE</text>
-    <use id="RISE_PARAM" xlink:href="#knob" transform="translate(0 5)" />
-    <use xlink:href="#knobguide" transform="scale(1) translate(0 5)" />
+    <use id="RISE_PARAM" xlink:href="#knob" transform="translate(0 5)"/>
+    <use xlink:href="#knobguide" transform="scale(1) translate(0 5)"/>
     <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> -->
   </g>
 
   <g transform="translate(0 89)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">FALL</text>
-    <use id="FALL_PARAM" xlink:href="#knob" transform="translate(0 5)" />
-    <use xlink:href="#knobguide" transform="scale(1) translate(0 5)" />
+    <use id="FALL_PARAM" xlink:href="#knob" transform="translate(0 5)"/>
+    <use xlink:href="#knobguide" transform="scale(1) translate(0 5)"/>
     <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 52)" /> -->
   </g>
 
   <g transform="translate(0 153)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">HOLD</text>
-    <use id="HOLD_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)" />
-    <use xlink:href="#knobguide-hold" transform="scale(1) translate(2.5 -3)" />
+    <use id="HOLD_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)"/>
+    <use xlink:href="#knobguide-hold" transform="scale(1) translate(2.5 -3)"/>
     <!-- <rect width="45" height="6" fill="#0f0" transform="translate(0 32)" /> -->
   </g>
 
   <g transform="translate(0 191)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 38)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-      <rect width="34" height="109" rx="5" fill="#bbb" />
-      <use id="HIGH_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+      <rect width="34" height="109" rx="5" fill="#bbb"/>
+      <use id="HIGH_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="1.2px" transform="translate(11 35)">HIGH</text>
-      <use id="HIGH_LIGHT" xlink:href="#light" transform="translate(2 29.3)" />
-      <use id="RISE_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+      <use id="HIGH_LIGHT" xlink:href="#light" transform="translate(2 29.3)"/>
+      <use id="RISE_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.9 70)">RISE</text>
-      <use id="FALL_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="FALL_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 105)">FALL</text>
     </g>
   </g>
diff --git a/res-src/EightFO-src.svg b/res-src/EightFO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="255"
-  height="380"
-  viewBox="0 0 255 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="255" height="380" viewBox="0 0 255 380">
   <style>
     text {
       fill: #333;
@@ -25,79 +19,79 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-lfo" viewBox="0 0 128px 128px">
       <g transform="translate(64 64)">
         <g transform="rotate(-225.08) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text>
         </g>
         <g transform="rotate(-171.49) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text>
         </g>
         <g transform="rotate(-71.76) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text>
         </g>
         <g transform="rotate(-124.62) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text>
         </g>
         <g transform="rotate(-18.17) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text>
         </g>
         <g transform="rotate(27.98) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text>
         </g>
         <g transform="rotate(51.05) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-51.05) translate(-2 3.5)">400HZ</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)"/>
         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)"/>
         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-124.62) translate(37 0)" /> -->
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-32.31) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-32.31) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-9.23) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(13.85) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-9.23) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(13.85) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)"/>
       </g>
     </symbol>
 
@@ -105,32 +99,32 @@
       <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> -->
       <g transform="translate(20 35)">
         <!-- <circle r="18" fill="none" stroke="#00f" /> -->
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)" />
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)" />
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(11 0)" />
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(45) translate(11 0)" />
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)" />
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)"/>
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)"/>
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(11 0)"/>
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(45) translate(11 0)"/>
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)"/>
       </g>
       <g transform="translate(14 8)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
       </g>
       <g transform="translate(33.5 13.5)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
       </g>
       <g transform="translate(39 31)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-        <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+        <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+        <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
       </g>
       <g transform="translate(33.5 48.5)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
       </g>
       <g transform="translate(14 54)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
       </g>
     </symbol>
 
@@ -140,31 +134,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -175,56 +169,56 @@
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-phase" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 254,1 254,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 255,0 255,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 254,1 254,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 254.5,0.5 254.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 255,0 255,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(160 0)" /> -->
@@ -234,16 +228,16 @@
   <text class="title" x="114" y="19" font-size="12pt" letter-spacing="4px">8FO</text>
   <g transform="translate(95 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(20 25)">
     <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> -->
     <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
   </g>
-  <use xlink:href="#knobguide-frequency-lfo" transform="translate(10 15)" />
+  <use xlink:href="#knobguide-frequency-lfo" transform="translate(10 15)"/>
 
   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> -->
   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> -->
@@ -251,14 +245,14 @@
 
   <g transform="translate(78 335)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/>
   </g>
 
   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> -->
   <g transform="translate(10 163)">
     <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> -->
     <g transform="translate(10 0)">
-      <use id="WAVE_PARAM" xlink:href="#knob-smallest" transform="translate(0 5)" />
+      <use id="WAVE_PARAM" xlink:href="#knob-smallest" transform="translate(0 5)"/>
       <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> -->
     </g>
     <g transform="translate(70 0)">
@@ -267,10 +261,10 @@
       <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> -->
       <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text>
-      <use id="SAMPLE_PWM_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+      <use id="SAMPLE_PWM_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(80.5 -9.6)" />
-    <use xlink:href="#waves" transform="translate(-2 -22)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(80.5 -9.6)"/>
+    <use xlink:href="#waves" transform="translate(-2 -22)"/>
   </g>
 
   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 203)" /> -->
@@ -281,87 +275,87 @@
     <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 33)" /> -->
     <g transform="translate(10 0)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text>
-      <use id="OFFSET_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+      <use id="OFFSET_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(20.5 -9.6)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(20.5 -9.6)"/>
     <g transform="translate(70 0)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text>
-      <use id="SCALE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+      <use id="SCALE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(80.5 -9.6)" />
+    <use xlink:href="#knobguide-linear" transform="translate(80.5 -9.6)"/>
   </g>
 
   <g transform="translate(137 32)">
     <g transform="translate(3 4)">
       <g transform="translate(0 0)">
-        <use id="PHASE7_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE7_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 40)">
-        <use id="PHASE6_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE6_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 80)">
-        <use id="PHASE5_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE5_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 120)">
-        <use id="PHASE4_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE4_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
 
       <g transform="translate(0 160)">
-        <use id="PHASE3_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE3_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 200)">
-        <use id="PHASE2_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE2_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 240)">
-        <use id="PHASE1_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE1_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
       <g transform="translate(0 280)">
         <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 12)" /> -->
-        <use id="PHASE0_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />
+        <use id="PHASE0_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)"/>
       </g>
     </g>
   </g>
 
   <g transform="translate(137 36)">
-    <use xlink:href="#knobguide-phase" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)" />
-
-    <use xlink:href="#knobguide-phase" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)" />
-    <use xlink:href="#knobguide-phase" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)" />
+    <use xlink:href="#knobguide-phase" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)"/>
+
+    <use xlink:href="#knobguide-phase" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)"/>
+    <use xlink:href="#knobguide-phase" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)"/>
   </g>
 
   <g transform="translate(176 32)">
-    <rect width="30" height="328" rx="5" fill="#fafafa" />
+    <rect width="30" height="328" rx="5" fill="#fafafa"/>
     <g transform="translate(3 4)">
-      <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)" />
-      <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)" />
-      <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)" />
-      <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)" />
-
-      <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)" />
-      <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)" />
-      <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)" />
-      <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)" />
+      <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)"/>
+      <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)"/>
+      <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)"/>
+      <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)"/>
+
+      <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)"/>
+      <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)"/>
+      <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)"/>
+      <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)"/>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text>
   </g>
 
   <g transform="translate(215 32)">
-    <rect width="30" height="328" rx="5" fill="#bbb" />
+    <rect width="30" height="328" rx="5" fill="#bbb"/>
     <g transform="translate(3 4)">
-      <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
-      <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)" />
-      <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)" />
-      <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)" />
-
-      <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)" />
-      <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)" />
-      <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)" />
-      <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)" />
+      <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
+      <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)"/>
+      <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)"/>
+      <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/>
+
+      <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)"/>
+      <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)"/>
+      <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)"/>
+      <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)"/>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text>
   </g>
@@ -370,32 +364,32 @@
   <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 263)" /> -->
   <g transform="translate(0 313)">
-    <rect width="70" height="87" rx="5" fill="#fafafa" transform="translate(10 -40)" />
-    <rect width="108" height="43" rx="5" fill="#fafafa" transform="translate(10 -40)" />
+    <rect width="70" height="87" rx="5" fill="#fafafa" transform="translate(10 -40)"/>
+    <rect width="108" height="43" rx="5" fill="#fafafa" transform="translate(10 -40)"/>
     <!-- <rect width="300" height="7" fill="#f00" transform="translate(10 40)" /> -->
     <g transform="translate(10 -40)">
       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->
-      <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)" />
+      <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text>
     </g>
     <g transform="translate(50 -40)">
       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->
-      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)" />
+      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text>
     </g>
     <g transform="translate(90 -40)">
       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->
-      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)" />
+      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text>
     </g>
     <g transform="translate(10 0)">
       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)" />
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">V/OCT</text>
     </g>
     <g transform="translate(50 0)">
       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-      <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)" />
+      <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text>
     </g>
   </g>
diff --git a/res-src/EightHP-src.svg b/res-src/EightHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="120"
-  height="380"
-  viewBox="0 0 120 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="50" y="17" font-size="9pt" letter-spacing="3px">8HP8HP</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 </svg>
diff --git a/res-src/EightOne-src.svg b/res-src/EightOne-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -46,9 +40,9 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -66,98 +60,98 @@
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="63" y="17" font-size="9pt" letter-spacing="3px">8:1</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(6.5 32)">
-    <rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)" />
+    <rect width="34" height="337" rx="5" fill="#fafafa" transform="translate(0 -9)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text>
 
-    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text>
-    <use id="IN1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)" />
+    <use id="IN1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/>
 
-    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 44.3)" />
+    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 44.3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text>
-    <use id="IN2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)" />
+    <use id="IN2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/>
 
-    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 86.6)" />
+    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 86.6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text>
-    <use id="IN3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)" />
+    <use id="IN3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/>
 
-    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 126.9)" />
+    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 126.9)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text>
-    <use id="IN4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)" />
+    <use id="IN4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/>
 
-    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 168.1)" />
+    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 168.1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text>
-    <use id="IN5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)" />
+    <use id="IN5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/>
 
-    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 209.4)" />
+    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 209.4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text>
-    <use id="IN6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)" />
+    <use id="IN6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/>
 
-    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 250.7)" />
+    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 250.7)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text>
-    <use id="IN7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)" />
+    <use id="IN7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/>
 
-    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 292)" />
+    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 292)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text>
-    <use id="IN8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)" />
+    <use id="IN8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/>
   </g>
 
   <g transform="translate(49.5 32)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)" />
-    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/>
+    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text>
   </g>
   <g transform="translate(49.5 69)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text>
   </g>
 
   <g transform="translate(44 121)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text>
-    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)" />
-    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)" />
+    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)"/>
+    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)"/>
   </g>
 
   <g transform="translate(59 166)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text>
-    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
   </g>
 
@@ -165,18 +159,18 @@
   <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> -->
   <g transform="translate(44 220)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text>
-    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)" />
-    <use xlink:href="#knobguide-select" transform="translate(0 2)" />
+    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)"/>
+    <use xlink:href="#knobguide-select" transform="translate(0 2)"/>
     <g transform="translate(5.5 47)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(49.5 321)">
-    <rect width="34" height="39" rx="5" fill="#bbb" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#bbb"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text>
   </g>
 
diff --git a/res-src/EighteenHP-src.svg b/res-src/EighteenHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="270"
-  height="380"
-  viewBox="0 0 270 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="270" height="380" viewBox="0 0 270 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 269,1 269,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 270,0 270,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 269,1 269,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 269.5,0.5 269.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 270,0 270,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="44" y="19" font-size="12pt" letter-spacing="4px">18HP-18HP-18HP</text>
   <g transform="translate(95 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/FFB-src.svg b/res-src/FFB-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="120"
-  height="380"
-  viewBox="0 0 120 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
   <style>
     text {
       fill: #333;
@@ -25,199 +19,199 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
-      <circle cx="0" cy="0" r="2.7" stroke-width="1" stroke="#f0f" fill="#f0f" transform="translate(3.2 3.2)" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
+      <circle cx="0" cy="0" r="2.7" stroke-width="1" stroke="#f0f" fill="#f0f" transform="translate(3.2 3.2)"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="82" y="17" font-size="9pt" letter-spacing="3px">FFB</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
   <!-- <rect width="120" height="254" fill="#0ff" transform="translate(0 24)" /> -->
 
   <g transform="translate(1.5 24)">
     <!-- <rect width="38" height="44" fill="#f0f" transform="translate(0 0)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">125</text>
-    <use id="BAND_1_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_1_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_1_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(41 24)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">500</text>
-    <use id="BAND_5_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_5_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_5_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(80.5 24)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2000</text>
-    <use id="BAND_9_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_9_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_9_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
 
   <g transform="translate(1.5 75)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">175</text>
-    <use id="BAND_2_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_2_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_2_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(41 75)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">700</text>
-    <use id="BAND_6_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_6_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_6_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(80.5 75)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">2800</text>
-    <use id="BAND_10_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_10_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_10_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
 
   <g transform="translate(1.5 126)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">250</text>
-    <use id="BAND_3_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_3_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_3_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(41 126)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1000</text>
-    <use id="BAND_7_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_7_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_7_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(80.5 126)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">4000</text>
-    <use id="BAND_11_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_11_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_11_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
 
   <g transform="translate(1.5 177)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 6)">350</text>
-    <use id="BAND_4_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_4_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_4_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(41 177)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 6)">1400</text>
-    <use id="BAND_8_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_8_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_8_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(80.5 177)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7 6)">5600</text>
-    <use id="BAND_12_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="BAND_12_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="BAND_12_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
 
   <g transform="translate(1.5 228)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13.5 6)">LP</text>
-    <use id="LOWPASS_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="LOWPASS_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="LOWWPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
   <g transform="translate(41 228)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 6)">FREQ</text>
-    <use id="CV_PARAM" xlink:href="#knob-smallest" transform="translate(11 18.5)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(-1 6.5)" />
+    <use id="CV_PARAM" xlink:href="#knob-smallest" transform="translate(11 18.5)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(-1 6.5)"/>
   </g>
   <g transform="translate(80.5 228)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(12.5 6)">HP</text>
-    <use id="HIGHPASS_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)" />
-    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)" />
+    <use id="HIGHPASS_PARAM" xlink:href="#knob-medium" transform="translate(6 13.5)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(-3.5 4)"/>
     <!-- <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(1 8.5)" /> -->
   </g>
 
   <g transform="translate(28.5 278)">
-    <rect width="63" height="43" rx="5" fill="#fafafa" />
-    <rect width="63" height="10" fill="#fafafa" transform="translate(0 33)" />
+    <rect width="63" height="43" rx="5" fill="#fafafa"/>
+    <rect width="63" height="10" fill="#fafafa" transform="translate(0 33)"/>
     <g transform="translate(1 0)">
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(3 4)" />
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(3 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text>
     </g>
     <g transform="translate(32 0)">
-      <use id="CV_INPUT" xlink:href="#input" transform="translate(3 4)" />
+      <use id="CV_INPUT" xlink:href="#input" transform="translate(3 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 39)">FCV</text>
     </g>
   </g>
   <g transform="translate(13 320)">
-    <rect width="94" height="43" rx="5" fill="#bbb" />
+    <rect width="94" height="43" rx="5" fill="#bbb"/>
     <g transform="translate(1 0)">
-      <use id="ALL_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+      <use id="ALL_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(6 39)">ALL</text>
     </g>
     <g transform="translate(32 0)">
-      <use id="ODD_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+      <use id="ODD_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(5 39)">ODD</text>
     </g>
     <g transform="translate(63 0)">
-      <use id="EVEN_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+      <use id="EVEN_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
       <text font-size="6pt" letter-spacing="1.5px" transform="translate(3 39)">EVEN</text>
     </g>
   </g>
diff --git a/res-src/FMOp-src.svg b/res-src/FMOp-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,71 +19,71 @@
   <defs>
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-ratio" viewBox="0 0 88px 78px">
       <g transform="translate(49 39)">
         <g transform="rotate(-240) translate(19 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-11 3.5)">.01</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-225) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-195) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-180) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-225) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-195) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-180) translate(22 0)"/>
 
         <g transform="rotate(-165) translate(19 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(165) translate(-5.5 3.5)">.5</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-135) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-105) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-135) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-105) translate(22 0)"/>
 
         <g transform="rotate(-90) translate(19 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-2.7 3.5)">1</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-73.33) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-56.67) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-40) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-73.33) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-56.67) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-40) translate(22 0)"/>
 
         <g transform="rotate(-23.33) translate(19 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(23.33) translate(-2.7 3.5)">5</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-6.67) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(10) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(26.67) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(43.33) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-6.67) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(10) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(26.67) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(43.33) translate(22 0)"/>
 
         <g transform="rotate(60) translate(19 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-3 3.5)">10</text>
         </g>
       </g>
@@ -98,16 +92,16 @@
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
@@ -117,34 +111,34 @@
           <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-172.92) translate(15 0)">
-          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(145.13) translate(-2.2 2.2)">1</text>
         </g>
         <g transform="rotate(-105.84) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-75.68) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(27.87) translate(-2.2 2.2)">5</text>
         </g>
         <g transform="rotate(-7.62) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(16 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-5 2.2)">10</text>
@@ -155,48 +149,48 @@
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="35" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="35" height="20" fill="#0f0" transform="translate(115 0)" /> -->
@@ -206,55 +200,55 @@
   <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">FM-OP</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(10 25)">
     <!-- <rect width="78" height="68" fill="none" stroke="#0f0" /> -->
     <g transform="translate(0 20)">
       <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(39 0)" /> -->
-      <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(20 0)" />
+      <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-ratio" transform="translate(-10 0)" />
+    <use xlink:href="#knobguide-ratio" transform="translate(-10 0)"/>
     <g transform="translate(82 20)">
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FINE</text>
-      <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)" />
+      <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)"/>
       <!-- <polyline points="0,50 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(28 -100)" /> -->
     </g>
-    <use xlink:href="#knobguide-centertick" transform="translate(90 20)" />
+    <use xlink:href="#knobguide-centertick" transform="translate(90 20)"/>
   </g>
 
   <!-- <g transform="translate(87 90)"> -->
   <g transform="translate(87 94)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">ATT</text>
-    <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> -->
-    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)" />
-    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)" />
+    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)"/>
+    <use id="ATTACK_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/>
   </g>
   <g transform="translate(87 139)">
     <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">DEC</text>
-    <use id="DECAY_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="DECAY_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> -->
-    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)" />
-    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)" />
+    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)"/>
+    <use id="DECAY_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/>
   </g>
   <g transform="translate(87 184)">
     <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">SUS</text>
-    <use id="SUSTAIN_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="SUSTAIN_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> -->
-    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)" />
-    <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)" />
+    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)"/>
+    <use id="SUSTAIN_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/>
   </g>
   <g transform="translate(87 229)">
     <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-140 -10)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 25) rotate(270)">REL</text>
-    <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <!-- <rect width="30" height="18" fill="#0f0" transform="translate(20 26)" /> -->
-    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)" />
-    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)" />
+    <use xlink:href="#knobguide-time" transform="translate(10.5 -9.5)"/>
+    <use id="RELEASE_LIGHT" xlink:href="#light-tiny" transform="translate(31.5 29)"/>
   </g>
 
   <!-- <rect width="70" height="8" fill="#ff0" transform="translate(80 126)" /> -->
@@ -264,31 +258,31 @@
 
   <g transform="translate(16 106)">
     <text font-size="8pt" letter-spacing="1px" transform="translate(8 38) rotate(270)">DEPTH</text>
-    <use id="DEPTH_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="DEPTH_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <g transform="translate(18.5 35)">
       <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text>
-      <use id="ENV_TO_DEPTH_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)" />
+      <use id="ENV_TO_DEPTH_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)" />
+    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)"/>
   </g>
   <g transform="translate(16 162)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 35) rotate(270)">FDBK</text>
-    <use id="FEEDBACK_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="FEEDBACK_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <g transform="translate(18.5 35)">
       <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text>
-      <use id="ENV_TO_FEEDBACK_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)" />
+      <use id="ENV_TO_FEEDBACK_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)" />
+    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)"/>
   </g>
   <g transform="translate(16 218)">
     <!-- <polyline points="0,0 150,0" fill="none" stroke="#0f0" transform="translate(0 13)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">LEVEL</text>
-    <use id="LEVEL_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+    <use id="LEVEL_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     <g transform="translate(18.5 35)">
       <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.2)">ENV</text>
-      <use id="ENV_TO_LEVEL_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)" />
+      <use id="ENV_TO_LEVEL_PARAM" xlink:href="#button-small" transform="translate(20 -1.3)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)" />
+    <use xlink:href="#knobguide-linear" transform="translate(10.5 -9.5)"/>
   </g>
 
   <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 148)" /> -->
@@ -296,44 +290,44 @@
   <!-- <rect width="70" height="9" fill="#f0f" transform="translate(0 260)" /> -->
 
   <g transform="translate(0 269)">
-    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
-    <rect width="97" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="10" height="10" fill="#fafafa" transform="translate(130 34)" />
-    <rect width="10" height="10" fill="#fafafa" transform="translate(97 81)" />
+    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
+    <rect width="97" height="91" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="10" height="10" fill="#fafafa" transform="translate(130 34)"/>
+    <rect width="10" height="10" fill="#fafafa" transform="translate(97 81)"/>
 
     <g transform="translate(12 0)">
-      <use id="DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">DEPTH</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="FEEDBACK_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="FEEDBACK_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(3.5 40)">FDBK</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">LEVEL</text>
     </g>
     <g transform="translate(108 0)">
-      <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="SUSTAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">SUS</text>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(2 0)">
-        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
       </g>
       <g transform="translate(34 0)">
-        <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(8.5 40)">FM</text>
       </g>
       <g transform="translate(66 0)">
-        <use id="GATE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="GATE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">GATE</text>
       </g>
       <g transform="translate(98 0)">
-        <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="AUDIO_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text>
       </g>
     </g>
diff --git a/res-src/FifteenHP-src.svg b/res-src/FifteenHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="54" y="19" font-size="12pt" letter-spacing="4px">15HP-15HP</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/FiveHP-src.svg b/res-src/FiveHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="75"
-  height="380"
-  viewBox="0 0 75 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="35" y="17" font-size="9pt" letter-spacing="3px">5HP</text>
   <g transform="translate(25 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
-    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)" />
+    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
   </g>
 </svg>
diff --git a/res-src/FlipFlop-src.svg b/res-src/FlipFlop-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,23 +19,23 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -52,44 +46,44 @@
     <text class="title" font-size="7pt" letter-spacing="1.5px">FLIPFLOP</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text>
-      <use id="RESET1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="RESET1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="A1_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="A1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text>
-      <use id="B1_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="B1_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text>
     </g>
   </g>
 
   <g transform="translate(0 169)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 35)">TRIG</text>
-      <use id="RESET2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="RESET2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="A2_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="A2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">A</text>
-      <use id="B2_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="B2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">B</text>
     </g>
   </g>
diff --git a/res-src/Follow-src.svg b/res-src/Follow-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,63 +19,63 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-response" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(17 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-scale" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="8pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 3)">-</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="6pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">+</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
 
@@ -89,43 +83,43 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">FOLLOW</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(8.5 0)">DAMP</text>
-    <use id="RESPONSE_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-response" transform="scale(1) translate(0 3)" />
+    <use id="RESPONSE_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-response" transform="scale(1) translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="RESPONSE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="RESPONSE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 131)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(11.5 0)">GAIN</text>
-    <use id="GAIN_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-scale" transform="scale(1) translate(0 3)" />
+    <use id="GAIN_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-scale" transform="scale(1) translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="GAIN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="GAIN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 230)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/FourMan-src.svg b/res-src/FourMan-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,44 +19,44 @@
   <defs>
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">4MAN</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)" />
-      <rect width="34" height="33" rx="5" fill="#fafafa" />
-      <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/>
+      <rect width="34" height="33" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text>
     </g>
 
     <g transform="translate(5.5 37)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
       <g transform="translate(2 2)">
-        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
+        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text>
       </g>
     </g>
@@ -70,17 +64,17 @@
 
   <g transform="translate(0 98)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)" />
-      <rect width="34" height="33" rx="5" fill="#fafafa" />
-      <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/>
+      <rect width="34" height="33" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text>
     </g>
 
     <g transform="translate(5.5 37)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
       <g transform="translate(2 2)">
-        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
+        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text>
       </g>
     </g>
@@ -88,17 +82,17 @@
 
   <g transform="translate(0 178)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)" />
-      <rect width="34" height="33" rx="5" fill="#fafafa" />
-      <use id="TRIGGER3_PARAM" xlink:href="#button" transform="translate(8 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/>
+      <rect width="34" height="33" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER3_PARAM" xlink:href="#button" transform="translate(8 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text>
     </g>
 
     <g transform="translate(5.5 37)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
       <g transform="translate(2 2)">
-        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
+        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text>
       </g>
     </g>
@@ -106,17 +100,17 @@
 
   <g transform="translate(0 258)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)" />
-      <rect width="34" height="33" rx="5" fill="#fafafa" />
-      <use id="TRIGGER4_PARAM" xlink:href="#button" transform="translate(8 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/>
+      <rect width="34" height="33" rx="5" fill="#fafafa"/>
+      <use id="TRIGGER4_PARAM" xlink:href="#button" transform="translate(8 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text>
     </g>
 
     <g transform="translate(5.5 37)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
       <g transform="translate(2 2)">
-        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
+        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">OUT</text>
       </g>
     </g>
diff --git a/res-src/Inv-src.svg b/res-src/Inv-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,89 +19,89 @@
   <defs>
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">INV</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="113" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)" />
-      <use id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)" />
-      <use id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)" />
+      <rect width="34" height="113" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/>
+      <use id="GATE1_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+      <use id="GATE1_INPUT" xlink:href="#input" transform="translate(5 26)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text>
       <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text>
-      <use id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)" />
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)" />
+      <use id="LATCH1_PARAM" xlink:href="#button-small" transform="translate(24 64)"/>
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 78)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text>
     </g>
     <g transform="translate(5.5 113)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-      <rect width="34" height="39" rx="5" fill="#bbb" />
-      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+      <rect width="34" height="39" rx="5" fill="#bbb"/>
+      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text>
-      <use id="LOW1_LIGHT" xlink:href="#light" transform="translate(5 29.3)" />
-      <use id="HIGH1_LIGHT" xlink:href="#light" transform="translate(5 29.3)" />
+      <use id="LOW1_LIGHT" xlink:href="#light" transform="translate(5 29.3)"/>
+      <use id="HIGH1_LIGHT" xlink:href="#light" transform="translate(5 29.3)"/>
     </g>
   </g>
 
   <g transform="translate(0 183)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="113" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)" />
-      <use id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)" />
-      <use id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)" />
+      <rect width="34" height="113" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 103)"/>
+      <use id="GATE2_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+      <use id="GATE2_INPUT" xlink:href="#input" transform="translate(5 26)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 58)">GATE</text>
       <text font-size="5pt" letter-spacing="0.3px" transform="translate(1 71)">LATCH</text>
-      <use id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)" />
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)" />
+      <use id="LATCH2_PARAM" xlink:href="#button-small" transform="translate(24 64)"/>
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 78)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(13 110)">IN</text>
     </g>
     <g transform="translate(5.5 113)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-      <rect width="34" height="39" rx="5" fill="#bbb" />
-      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+      <rect width="34" height="39" rx="5" fill="#bbb"/>
+      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(14 35)">OUT</text>
-      <use id="LOW2_LIGHT" xlink:href="#light" transform="translate(5 29.3)" />
-      <use id="HIGH2_LIGHT" xlink:href="#light" transform="translate(5 29.3)" />
+      <use id="LOW2_LIGHT" xlink:href="#light" transform="translate(5 29.3)"/>
+      <use id="HIGH2_LIGHT" xlink:href="#light" transform="translate(5 29.3)"/>
     </g>
   </g>
 </svg>
diff --git a/res-src/LFO-src.svg b/res-src/LFO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,79 +19,79 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-lfo" viewBox="0 0 128px 128px">
       <g transform="translate(64 64)">
         <g transform="rotate(-225.08) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text>
         </g>
         <g transform="rotate(-171.49) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text>
         </g>
         <g transform="rotate(-71.76) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text>
         </g>
         <g transform="rotate(-124.62) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text>
         </g>
         <g transform="rotate(-18.17) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text>
         </g>
         <g transform="rotate(27.98) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text>
         </g>
         <g transform="rotate(51.05) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-51.05) translate(-2 3.5)">400HZ</text>
         </g>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)"/>
         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)"/>
         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-124.62) translate(37 0)" /> -->
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-32.31) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-32.31) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-9.23) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(13.85) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-9.23) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(13.85) translate(37 0)"/>
 
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)"/>
       </g>
     </symbol>
 
@@ -107,31 +101,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -142,68 +136,68 @@
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> -->
@@ -211,7 +205,7 @@
   <text class="title" x="53" y="19" font-size="12pt" letter-spacing="4px">LFO</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
@@ -220,9 +214,9 @@
     <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> -->
     <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
   </g>
-  <use xlink:href="#knobguide-frequency-lfo" transform="translate(11 15)" />
+  <use xlink:href="#knobguide-frequency-lfo" transform="translate(11 15)"/>
 
   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> -->
   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> -->
@@ -230,7 +224,7 @@
 
   <g transform="translate(110.5 238.5)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(26.5 -1)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(26.5 -1)"/>
   </g>
 
   <g transform="translate(10 150)">
@@ -238,31 +232,31 @@
       <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> -->
       <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 27) rotate(270)">SAM</text>
-      <use id="SAMPLE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+      <use id="SAMPLE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-linear" transform="translate(17.5 -9.6)" />
+    <use xlink:href="#knobguide-linear" transform="translate(17.5 -9.6)"/>
     <g transform="translate(72 0)">
       <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> -->
       <!-- <polyline points="0,0 0,354" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 0)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 22.5) rotate(270)">PW</text>
-      <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />
+      <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(20 0)"/>
     </g>
-    <use xlink:href="#knobguide-attenuverter" transform="translate(82.5 -9.6)" />
+    <use xlink:href="#knobguide-attenuverter" transform="translate(82.5 -9.6)"/>
   </g>
 
   <g transform="translate(10 196)">
     <g transform="translate(7 0)">
       <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">OFF</text>
-      <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(25 0)" />
+      <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(25 0)"/>
     </g>
-    <use xlink:href="#knobguide-centertick" transform="translate(20 -12)" />
+    <use xlink:href="#knobguide-centertick" transform="translate(20 -12)"/>
     <g transform="translate(72 0)">
       <!-- <rect width="52" height="38" fill="none" stroke="#0f0" transform="translate(0 -7)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 18) rotate(270)">SCL</text>
-      <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(25 0)" />
+      <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(25 0)"/>
     </g>
-    <use xlink:href="#knobguide-mintick" transform="translate(85 -12)" />
+    <use xlink:href="#knobguide-mintick" transform="translate(85 -12)"/>
   </g>
 
   <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 137)" /> -->
@@ -270,78 +264,78 @@
   <!-- <rect width="50" height="10" fill="#0f0" transform="translate(0 215)" /> -->
 
   <g transform="translate(0 225)">
-    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 44)" />
-    <rect width="97.5" height="135" rx="5" fill="#bbb" transform="translate(10 0)" />
-    <rect width="65" height="135" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="10" height="8" fill="#fafafa" transform="translate(32.5 0)" />
-    <rect width="10" height="8" fill="#fafafa" transform="translate(65 0)" />
-    <rect width="10" height="8" fill="#fafafa" transform="translate(65 127)" />
+    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 44)"/>
+    <rect width="97.5" height="135" rx="5" fill="#bbb" transform="translate(10 0)"/>
+    <rect width="65" height="135" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="10" height="8" fill="#fafafa" transform="translate(32.5 0)"/>
+    <rect width="10" height="8" fill="#fafafa" transform="translate(65 0)"/>
+    <rect width="10" height="8" fill="#fafafa" transform="translate(65 127)"/>
 
     <g transform="translate(12 0)">
-      <use id="SAMPLE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="SAMPLE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">SAM</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(8 40)">PW</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="RAMP_DOWN_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+      <use id="RAMP_DOWN_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
       <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 40)">SAW</text> -->
       <g transform="translate(9 33.5)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
       </g>
     </g>
 
     <g transform="translate(0 44)">
       <g transform="translate(12 0)">
-        <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">OFF</text>
       </g>
       <g transform="translate(44 0)">
-        <use id="SCALE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="SCALE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(6.5 40)">SCL</text>
       </g>
       <g transform="translate(76 0)">
-        <use id="RAMP_UP_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="RAMP_UP_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <g transform="translate(9 33.5)">
-          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
       <g transform="translate(108 0)">
-        <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">SQR</text> -->
         <g transform="translate(9 33.5)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(10 44)">
         <g transform="translate(2 0)">
-          <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+          <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
         </g>
         <g transform="translate(34 0)">
-          <use id="RESET_INPUT" xlink:href="#input" transform="translate(3 5)" />
+          <use id="RESET_INPUT" xlink:href="#input" transform="translate(3 5)"/>
           <text font-size="6pt" letter-spacing="1px" transform="translate(0.7 40)">RESET</text>
         </g>
         <g transform="translate(66 0)">
-          <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+          <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
           <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 40)">TRI</text> -->
           <g transform="translate(9 33.5)">
             <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-            <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+            <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
           </g>
         </g>
         <g transform="translate(98 0)">
-          <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+          <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
           <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 40)">SIN</text> -->
           <g transform="translate(9 33.5)">
             <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-            <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-            <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+            <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+            <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
           </g>
         </g>
       </g>
diff --git a/res-src/LLFO-src.svg b/res-src/LLFO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,42 +19,42 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-llfo" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)"/>
 
         <g transform="rotate(-202) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(202) translate(3 9.5) rotate(-90)">0.2</text>
         </g>
 
         <g transform="rotate(-124.62) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(124.62) translate(-7.5 2.3)">OV</text>
         </g>
 
         <g transform="rotate(-48.68) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(48.68) translate(-1 2.3)">20</text>
         </g>
 
         <g transform="rotate(27.98) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(-27.98) translate(-2.3 -0.5) rotate(90)">200</text>
         </g>
 
@@ -71,62 +65,62 @@
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">LLFO</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -134,101 +128,101 @@
 
   <g transform="translate(0 25)">
     <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)" />
-    <use xlink:href="#knobguide-frequency-llfo" transform="translate(0 -7.5)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)"/>
+    <use xlink:href="#knobguide-frequency-llfo" transform="translate(0 -7.5)"/>
   </g>
 
   <g transform="translate(0 72)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/>
   </g>
 
   <g transform="translate(0.5 88)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
     <g transform="translate(9 0)">
       <g transform="translate(0 0)">
-        <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="RAMP_UP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="RAMP_UP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 26)">
-        <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
     </g>
 
     <g transform="translate(31 0)">
       <g transform="translate(0 0)">
-        <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="RAMP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="RAMP_DOWN_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 26)">
-        <use id="PULSE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="PULSE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
     </g>
 
-    <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)" />
+    <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/>
   </g>
 
   <g transform="translate(0 149)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text>
-    <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)" />
+    <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 190)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.6 0)">SCALE</text>
-    <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)" />
+    <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 228)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text>
-      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 70)">RESET</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/LVCF-src.svg b/res-src/LVCF-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,31 +19,31 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-cutoff-lvcf" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-218.8) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-192.6) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-218.8) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-192.6) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-172.2) translate(18 0) rotate(172.2) translate(-1 2)">1</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-27.9) translate(18 0) rotate(27.9) translate(-4 2)">10</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">20</text>
 
@@ -60,128 +54,128 @@
     <symbol id="knobguide-q-lvcf" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">LVCF</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 31)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">CUTOFF</text>
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 8)" />
-    <use xlink:href="#knobguide-cutoff-lvcf" transform="translate(0 -1.5)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 8)"/>
+    <use xlink:href="#knobguide-cutoff-lvcf" transform="translate(0 -1.5)"/>
   </g>
 
   <g transform="translate(0 84)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">CV</text>
-    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)" />
+    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 130)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(5 0)">RES/BW</text>
-    <use id="Q_PARAM" xlink:href="#knob-medium" transform="translate(9.5 8)" />
-    <use xlink:href="#knobguide-q-lvcf" transform="translate(0 -1.5)" />
+    <use id="Q_PARAM" xlink:href="#knob-medium" transform="translate(9.5 8)"/>
+    <use xlink:href="#knobguide-q-lvcf" transform="translate(0 -1.5)"/>
   </g>
 
   <g transform="translate(0.5 180)">
     <g transform="translate(10 0)">
       <g transform="translate(0 0)">
-        <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">LP</text>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">BP</text>
       </g>
     </g>
 
     <g transform="translate(32 0)">
       <g transform="translate(0 0)">
-        <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">HP</text>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="BANDREJECT_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="BANDREJECT_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">BR</text>
       </g>
     </g>
 
-    <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(17.5 24)" />
+    <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(17.5 24)"/>
   </g>
 
   <g transform="translate(0 225)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
-      <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">CV</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/LVCO-src.svg b/res-src/LVCO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,87 +19,87 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-lvco" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)"/>
 
         <g transform="rotate(-140) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text>
         </g>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">LVCO</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -113,96 +107,96 @@
 
   <g transform="translate(0 25)">
     <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)" />
-    <use xlink:href="#knobguide-frequency-lvco" transform="translate(0 -7.5)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)"/>
+    <use xlink:href="#knobguide-frequency-lvco" transform="translate(0 -7.5)"/>
   </g>
 
   <g transform="translate(0 63)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/>
   </g>
 
   <g transform="translate(0.5 86)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
     <g transform="translate(9 0)">
       <g transform="translate(0 0)">
-        <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="SINE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="SAW_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="SAW_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 26)">
-        <use id="PULSE_25_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="PULSE_25_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 0,0 4.5,0 4.5,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 4.5,0 4.5,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
     </g>
 
     <g transform="translate(31 0)">
       <g transform="translate(0 0)">
-        <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="TRIANGLE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 13)">
-        <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="SQUARE_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
 
       <g transform="translate(0 26)">
-        <use id="PULSE_10_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+        <use id="PULSE_10_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
         <g transform="translate(1 1) scale(0.8)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#f0f" /> -->
-          <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 0,0 3,0 3,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
     </g>
 
-    <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)" />
+    <use id="WAVE_PARAM" xlink:href="#button-small" transform="translate(17.5 38)"/>
   </g>
 
   <g transform="translate(0 150.5)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text>
-    <use id="FM_DEPTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)" />
+    <use id="FM_DEPTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 193)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)" />
-      <rect width="34" height="105" rx="5" fill="#fafafa" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/>
+      <rect width="34" height="105" rx="5" fill="#fafafa"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text>
-      <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text>
-      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text>
     </g>
     <g transform="translate(5.5 111)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Lag-src.svg b/res-src/Lag-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,32 +19,32 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-time" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">1</text>
       </g>
     </symbol>
@@ -58,49 +52,49 @@
     <symbol id="knobguide-scale" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-135) translate(15 0) rotate(135) translate(-8 2)">0.1</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-135) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-135) translate(9.5 0)"/>
         <text font-size="5.0pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-2 2)">1</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)"/>
         <text font-size="5.0pt" transform="rotate(-45) translate(15 0) rotate(45) translate(-2 2)">10</text>
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(9.5 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-shape" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-10 2)">LOG</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2.5 2)">EXP</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
 
@@ -108,45 +102,45 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">LAG</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(9.5 0)">TIME</text>
-    <use id="TIME_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-time" transform="translate(0 3)" />
-    <use id="TIME_SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 59)" />
-    <use xlink:href="#knobguide-scale" transform="translate(0 44.5)" />
+    <use id="TIME_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-time" transform="translate(0 3)"/>
+    <use id="TIME_SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 59)"/>
+    <use xlink:href="#knobguide-scale" transform="translate(0 44.5)"/>
     <g transform="translate(5.5 79)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="TIME_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 165)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(7.5 0)">SHAPE</text>
-    <use id="SHAPE_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-shape" transform="translate(0 3)" />
+    <use id="SHAPE_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-shape" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="SHAPE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="SHAPE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 264)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Lmtr-src.svg b/res-src/Lmtr-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,24 +19,24 @@
   <defs>
     <symbol id="knob38" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-threshold38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
@@ -51,47 +45,47 @@
     <symbol id="knobguide-outputgain38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-4 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-165) translate(25 0) rotate(165) translate(-3.5 2.5)">6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-90) translate(25 0) rotate(90) translate(-5 2.5)">12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-15) translate(25 0) rotate(15) translate(-2 2.5)">18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-1 2.5)">24</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">LMTR</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> -->
@@ -102,42 +96,42 @@
 
   <g transform="translate(0 40)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text>
-    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)" />
-    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)" />
+    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/>
+    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)"/>
   </g>
 
   <g transform="translate(0 122)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(15.5 0)">OUT GAIN</text>
-    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)" />
-    <use xlink:href="#knobguide-outputgain38" transform="translate(10 -4)" />
+    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob38" transform="translate(26 12)"/>
+    <use xlink:href="#knobguide-outputgain38" transform="translate(10 -4)"/>
   </g>
 
   <g transform="translate(40 198)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
-    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
   </g>
 
   <g transform="translate(11 240)">
     <g transform="translate(0 0)">
-      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)" />
-      <rect width="68" height="73" rx="5" fill="#fafafa" />
-      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/>
+      <rect width="68" height="73" rx="5" fill="#fafafa"/>
+      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text>
-      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)" />
+      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text>
-      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)" />
+      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text>
-      <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)" />
+      <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(39 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(42 72)">OGN</text>
     </g>
     <g transform="translate(0 79)">
-      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="68" height="37" rx="5" fill="#bbb" />
-      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="68" height="37" rx="5" fill="#bbb"/>
+      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text>
-      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)" />
+      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
     </g>
   </g>
diff --git a/res-src/Manual-src.svg b/res-src/Manual-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,56 +19,56 @@
   <defs>
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">MANUAL</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(0 0)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)" />
-        <rect width="34" height="33" rx="5" fill="#fafafa" />
-        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 25)"/>
+        <rect width="34" height="33" rx="5" fill="#fafafa"/>
+        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(8 4)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.6 30)">TRIG</text>
       </g>
     </g>
 
     <g transform="translate(0 37)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="250" rx="5" fill="#bbb" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="250" rx="5" fill="#bbb"/>
 
         <g transform="translate(2 2)">
-          <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
-          <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 30)" />
-          <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 60)" />
-          <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 90)" />
+          <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
+          <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/>
+          <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/>
+          <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 90)"/>
 
-          <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(3 120)" />
-          <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(3 150)" />
-          <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(3 180)" />
-          <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(3 210)" />
+          <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(3 120)"/>
+          <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(3 150)"/>
+          <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(3 180)"/>
+          <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(3 210)"/>
 
           <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 244)">OUT</text>
         </g>
diff --git a/res-src/Matrix44-src.svg b/res-src/Matrix44-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,41 +19,41 @@
   <defs>
     <symbol id="knob19" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick19" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
@@ -71,130 +65,130 @@
   <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">MATRIX44</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(13.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
-    <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(13.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text>
-    <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(13.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text>
-    <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(13.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text>
-    <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
 
   <g transform="translate(45.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text>
-    <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(45.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text>
-    <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(45.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text>
-    <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(45.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text>
-    <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
 
   <g transform="translate(77.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text>
-    <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(77.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text>
-    <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(77.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text>
-    <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(77.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text>
-    <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
 
   <g transform="translate(109.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text>
-    <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(109.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text>
-    <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(109.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text>
-    <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
   <g transform="translate(109.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text>
-    <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 16)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)" />
+    <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 16)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 6)"/>
   </g>
 
   <g transform="translate(0 269)">
-    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
-    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)" />
+    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
+    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/>
 
     <g transform="translate(12 0)">
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text>
     </g>
     <g transform="translate(108 0)">
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(2 0)">
-        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text>
       </g>
       <g transform="translate(34 0)">
-        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text>
       </g>
       <g transform="translate(66 0)">
-        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text>
       </g>
       <g transform="translate(98 0)">
-        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text>
       </g>
     </g>
diff --git a/res-src/Matrix88-src.svg b/res-src/Matrix88-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="330"
-  height="380"
-  viewBox="0 0 330 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
   <style>
     text {
       fill: #333;
@@ -25,45 +19,45 @@
   <defs>
     <symbol id="knob19" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick19" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(220 0)" /> -->
@@ -72,295 +66,295 @@
   <text class="title" x="110.5" y="19" font-size="12pt" letter-spacing="4px">MATRIX88</text>
   <g transform="translate(125 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(5.5 25)">
-    <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)" />
-    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)" />
-    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)" />
-    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)" />
-    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)" />
-    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)" />
-    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)" />
-    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)" />
+    <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
+    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/>
+    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/>
+    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/>
+    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/>
+    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/>
+    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/>
+    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/>
   </g>
 
   <g transform="translate(46.5 323)">
-    <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)" />
-    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)" />
-    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)" />
-    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)" />
-    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)" />
-    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)" />
-    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)" />
-    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)" />
-    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)" />
+    <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/>
+    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/>
+    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/>
+    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/>
+    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/>
+    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/>
+    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/>
+    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/>
+    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/>
   </g>
 
   <g transform="translate(50 24)">
-    <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 61)">
-    <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX21_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 98)">
-    <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX31_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 135)">
-    <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX41_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 172)">
-    <use id="MIX51_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX51_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 209)">
-    <use id="MIX61_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX61_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 246)">
-    <use id="MIX71_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX71_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(50 283)">
-    <use id="MIX81_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX81_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(85 24)">
-    <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 61)">
-    <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX22_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 98)">
-    <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX32_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 135)">
-    <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX42_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 172)">
-    <use id="MIX52_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX52_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 209)">
-    <use id="MIX62_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX62_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 246)">
-    <use id="MIX72_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX72_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(85 283)">
-    <use id="MIX82_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX82_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(120 24)">
-    <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 61)">
-    <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX23_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 98)">
-    <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX33_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 135)">
-    <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX43_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 172)">
-    <use id="MIX53_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX53_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 209)">
-    <use id="MIX63_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX63_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 246)">
-    <use id="MIX73_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX73_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(120 283)">
-    <use id="MIX83_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX83_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(155 24)">
-    <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 61)">
-    <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX24_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 98)">
-    <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX34_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 135)">
-    <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX44_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 172)">
-    <use id="MIX54_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX54_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 209)">
-    <use id="MIX64_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX64_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 246)">
-    <use id="MIX74_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX74_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(155 283)">
-    <use id="MIX84_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX84_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(190 24)">
-    <use id="MIX15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 61)">
-    <use id="MIX25_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX25_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 98)">
-    <use id="MIX35_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX35_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 135)">
-    <use id="MIX45_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX45_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 172)">
-    <use id="MIX55_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX55_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 209)">
-    <use id="MIX65_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX65_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 246)">
-    <use id="MIX75_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX75_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(190 283)">
-    <use id="MIX85_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX85_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(225 24)">
-    <use id="MIX16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 61)">
-    <use id="MIX26_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX26_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 98)">
-    <use id="MIX36_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX36_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 135)">
-    <use id="MIX46_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX46_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 172)">
-    <use id="MIX56_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX56_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 209)">
-    <use id="MIX66_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX66_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 246)">
-    <use id="MIX76_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX76_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(225 283)">
-    <use id="MIX86_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX86_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(260 24)">
-    <use id="MIX17_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX17_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 61)">
-    <use id="MIX27_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX27_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 98)">
-    <use id="MIX37_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX37_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 135)">
-    <use id="MIX47_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX47_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 172)">
-    <use id="MIX57_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX57_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 209)">
-    <use id="MIX67_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX67_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 246)">
-    <use id="MIX77_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX77_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(260 283)">
-    <use id="MIX87_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX87_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <g transform="translate(295 24)">
-    <use id="MIX18_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX18_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 61)">
-    <use id="MIX28_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX28_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 98)">
-    <use id="MIX38_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX38_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 135)">
-    <use id="MIX48_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX48_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 172)">
-    <use id="MIX58_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX58_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 209)">
-    <use id="MIX68_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX68_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 246)">
-    <use id="MIX78_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX78_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
   <g transform="translate(295 283)">
-    <use id="MIX88_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="MIX88_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
diff --git a/res-src/Mix1-src.svg b/res-src/Mix1-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,29 +66,29 @@
 
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -105,31 +99,31 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">MIX1</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
-    <use xlink:href="#sliderguide-db" transform="translate(0 0)" />
-    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(13.5 0)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 0)"/>
+    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(13.5 0)"/>
   </g>
 
   <g transform="translate(0 173)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 120)" />
-      <rect width="34" height="127" rx="5" fill="#fafafa" />
-      <use id="MUTE_PARAM" xlink:href="#button" transform="translate(7 2)" />
-      <use id="MUTE_INPUT" xlink:href="#input" transform="translate(5 25)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 120)"/>
+      <rect width="34" height="127" rx="5" fill="#fafafa"/>
+      <use id="MUTE_PARAM" xlink:href="#button" transform="translate(7 2)"/>
+      <use id="MUTE_INPUT" xlink:href="#input" transform="translate(5 25)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 57)">MUTE</text>
-      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 60)" />
+      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 60)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 92)">LEVEL</text>
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 95)" />
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 95)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 127)">IN</text>
     </g>
     <g transform="translate(5.5 133)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Mix2-src.svg b/res-src/Mix2-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="75"
-  height="380"
-  viewBox="0 0 75 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,66 +66,66 @@
 
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">MIX2</text>
   <g transform="translate(25 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
-    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)" />
+    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
   </g>
 
   <g transform="translate(0 32)">
-    <use xlink:href="#sliderguide-db" transform="translate(15 0)" />
-    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(28.5 0)" />
+    <use xlink:href="#sliderguide-db" transform="translate(15 0)"/>
+    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(28.5 0)"/>
   </g>
 
   <g transform="translate(15 197)">
-    <use id="MUTE_PARAM" xlink:href="#button" transform="translate(12.5 0)" />
+    <use id="MUTE_PARAM" xlink:href="#button" transform="translate(12.5 0)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 27)">MUTE</text>
   </g>
 
   <g transform="translate(0 240)">
     <g transform="translate(5.5 0)">
-      <rect width="64" height="10" fill="#fafafa" transform="translate(0 66)" />
-      <rect width="64" height="73" rx="5" fill="#fafafa" />
+      <rect width="64" height="10" fill="#fafafa" transform="translate(0 66)"/>
+      <rect width="64" height="73" rx="5" fill="#fafafa"/>
       <!-- <use id="MUTE_PARAM" xlink:href="#button" transform="translate(7 2)" /> -->
-      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <use id="LEVEL_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="1.5px" transform="translate(4.5 36)">LEVEL</text>
-      <use id="MUTE_INPUT" xlink:href="#input" transform="translate(35 4)" />
+      <use id="MUTE_INPUT" xlink:href="#input" transform="translate(35 4)"/>
       <text font-size="5pt" letter-spacing="1.5px" transform="translate(35.5 36)">MUTE</text>
-      <use id="L_INPUT" xlink:href="#input" transform="translate(5 40)" />
+      <use id="L_INPUT" xlink:href="#input" transform="translate(5 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 72)">L</text>
-      <use id="R_INPUT" xlink:href="#input" transform="translate(35 40)" />
+      <use id="R_INPUT" xlink:href="#input" transform="translate(35 40)"/>
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(39 72)">R (L)</text>
     </g>
     <g transform="translate(5.5 79)">
-      <rect width="64" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="64" height="37" rx="5" fill="#bbb" />
-      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="64" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="64" height="37" rx="5" fill="#bbb"/>
+      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 33)">L</text>
-      <use id="R_OUTPUT" xlink:href="#output" transform="translate(35 1)" />
+      <use id="R_OUTPUT" xlink:href="#output" transform="translate(35 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(45 33)">R</text>
     </g>
   </g>
diff --git a/res-src/Mix4-src.svg b/res-src/Mix4-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,49 +66,49 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="85" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="85" height="20" fill="#0f0" transform="translate(140 0)" /> -->
@@ -124,26 +118,26 @@
   <text class="title" x="85" y="19" font-size="12pt" letter-spacing="4px">MIX4</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(4 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -152,20 +146,20 @@
   <g transform="translate(47 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -174,20 +168,20 @@
   <g transform="translate(90 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -196,20 +190,20 @@
   <g transform="translate(133 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="8" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -218,21 +212,21 @@
   <g transform="translate(176 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="MIX_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="MIX_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(12.5 198)" />
+    <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(12.5 198)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text>
     <g transform="translate(5.5 229)">
-      <rect width="34" height="50" rx="5" fill="#fafafa" />
-      <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#fafafa"/>
+      <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#bbb" transform="translate(0 38)" />
-      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)" />
+      <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/>
+      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text>
-      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)" />
+      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text>
     </g>
   </g>
diff --git a/res-src/Mix4x-src.svg b/res-src/Mix4x-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,65 +19,65 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="75" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="75" height="20" fill="#0f0" transform="translate(150 0)" /> -->
@@ -94,125 +88,125 @@
   <text class="title" x="77" y="19" font-size="12pt" letter-spacing="4px">MIX4X</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(4 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
-    <use id="LOW1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(47 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text>
-    <use id="LOW2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(90 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text>
-    <use id="LOW3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(133 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text>
-    <use id="LOW4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
@@ -220,18 +214,18 @@
   <g transform="translate(176 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <g transform="translate(5.5 1)">
-      <rect width="34" height="50" rx="5" fill="#bbb" />
-      <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#bbb"/>
+      <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text>
-      <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)" />
-      <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)" />
+      <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/>
+      <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text>
-      <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)" />
+      <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text>
-      <use id="LEVEL_A_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)" />
+      <use id="LEVEL_A_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text>
-      <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)" />
+      <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text>
       <!-- <g transform="translate(0 29.5)"> -->
         <!-- <rect width="9" height="36" rx="5" fill="#fafafa" transform="translate(-9 8.5)" /> -->
@@ -239,22 +233,22 @@
         <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(-1 40) rotate(-90)">AUX A</text> -->
       <!-- </g> -->
     </g>
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 106)" />
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 106)"/>
 
     <g transform="translate(5.5 191)">
-      <rect width="34" height="50" rx="5" fill="#bbb" />
-      <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#bbb"/>
+      <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text>
-      <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)" />
-      <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)" />
+      <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/>
+      <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text>
-      <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)" />
+      <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text>
-      <use id="LEVEL_B_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)" />
+      <use id="LEVEL_B_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text>
     </g>
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 296)" />
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 296)"/>
     <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
   </g>
 </svg>
diff --git a/res-src/Mix8-src.svg b/res-src/Mix8-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="405"
-  height="380"
-  viewBox="0 0 405 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,49 +66,49 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="175" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="175" height="20" fill="#0f0" transform="translate(230 0)" /> -->
@@ -124,26 +118,26 @@
   <text class="title" x="175" y="19" font-size="12pt" letter-spacing="4px">MIX8</text>
   <g transform="translate(162.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(4 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -152,20 +146,20 @@
   <g transform="translate(48 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -174,20 +168,20 @@
   <g transform="translate(92 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -196,20 +190,20 @@
   <g transform="translate(136 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -218,20 +212,20 @@
   <g transform="translate(180 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN5_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN5_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -240,20 +234,20 @@
   <g transform="translate(224 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN6_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN6_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -262,20 +256,20 @@
   <g transform="translate(268 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL7_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL7_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN7_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN7_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -284,20 +278,20 @@
   <g transform="translate(312 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="LEVEL8_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="LEVEL8_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="PAN8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="PAN8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 203)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 228)">PAN</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#fafafa" />
-      <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#fafafa"/>
+      <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="PAN8_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PAN8_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">PAN</text>
-      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">IN</text>
     </g>
     <!-- <rect width="9" height="40" fill="#f00" transform="translate(39.5 300)" /> -->
@@ -306,21 +300,21 @@
   <g transform="translate(356 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">MIX</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 12)" />
-    <use id="MIX_PARAM" xlink:href="#slider" transform="translate(13.5 12)" />
-    <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(12.5 165)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 12)"/>
+    <use id="MIX_PARAM" xlink:href="#slider" transform="translate(13.5 12)"/>
+    <use id="MIX_MUTE_PARAM" xlink:href="#button" transform="translate(12.5 165)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 192)">MUTE</text>
-    <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(12.5 198)" />
+    <use id="MIX_DIM_PARAM" xlink:href="#button" transform="translate(12.5 198)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14.5 225)">DIM</text>
     <g transform="translate(5.5 229)">
-      <rect width="34" height="50" rx="5" fill="#fafafa" />
-      <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#fafafa"/>
+      <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#bbb" transform="translate(0 38)" />
-      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)" />
+      <rect width="34" height="73" rx="5" fill="#bbb" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#bbb" transform="translate(0 38)"/>
+      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 73)">L</text>
-      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)" />
+      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 108)">R</text>
     </g>
   </g>
diff --git a/res-src/Mix8x-src.svg b/res-src/Mix8x-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="405"
-  height="380"
-  viewBox="0 0 405 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="405" height="380" viewBox="0 0 405 380">
   <style>
     text {
       fill: #333;
@@ -25,65 +19,65 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 404,1 404,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 404.5,0.5 404.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 405,0 405,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="170" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="170" height="20" fill="#0f0" transform="translate(235 0)" /> -->
@@ -93,245 +87,245 @@
   <text class="title" x="168" y="19" font-size="12pt" letter-spacing="4px">MIX8X</text>
   <g transform="translate(162.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(4 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH1</text>
-    <use id="LOW1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A1_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B1_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(48 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH2</text>
-    <use id="LOW2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A2_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B2_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(92 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH3</text>
-    <use id="LOW3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A3_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B3_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(136 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH4</text>
-    <use id="LOW4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A4_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B4_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(180 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH5</text>
-    <use id="LOW5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A5_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A5_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B5_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B5_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A5_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A5_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B5_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B5_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(224 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH6</text>
-    <use id="LOW6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A6_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A6_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B6_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B6_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A6_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A6_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B6_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B6_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(268 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH7</text>
-    <use id="LOW7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A7_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A7_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B7_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B7_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A7_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A7_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B7_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B7_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
 
   <g transform="translate(312 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(13.7 9)">CH8</text>
-    <use id="LOW8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)" />
+    <use id="LOW8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 23)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 11)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 48)">LOW</text>
-    <use id="MID8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)" />
+    <use id="MID8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 69)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 57)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 94)">MID</text>
-    <use id="HIGH8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)" />
+    <use id="HIGH8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 115)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 103)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 140)">HIGH</text>
-    <use id="A8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)" />
+    <use id="A8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 160)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 148)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.2 185)">A</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 195)">PRE</text>
-    <use id="PRE_A8_PARAM" xlink:href="#button-small" transform="translate(26 188)" />
-    <use id="B8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)" />
+    <use id="PRE_A8_PARAM" xlink:href="#button-small" transform="translate(26 188)"/>
+    <use id="B8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 216)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 204)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.4 241)">B</text>
     <text font-size="5pt" letter-spacing="1px" transform="translate(9 251)">PRE</text>
-    <use id="PRE_B8_PARAM" xlink:href="#button-small" transform="translate(26 244)" />
+    <use id="PRE_B8_PARAM" xlink:href="#button-small" transform="translate(26 244)"/>
     <g transform="translate(5.5 267)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="A8_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="A8_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">CV-A</text>
-      <use id="B8_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B8_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 70)">CV-B</text>
     </g>
   </g>
@@ -339,36 +333,36 @@
   <g transform="translate(356 20)">
     <!-- <rect width="39" height="344" fill="#ccc" transform="translate(3 0)" /> -->
     <g transform="translate(5.5 1)">
-      <rect width="34" height="50" rx="5" fill="#bbb" />
-      <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#bbb"/>
+      <use id="SEND_A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(14.7 35)">A</text>
-      <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)" />
-      <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)" />
+      <rect width="34" height="146" rx="5" fill="#fafafa" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/>
+      <use id="L_A_INPUT" xlink:href="#input" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text>
-      <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)" />
+      <use id="R_A_INPUT" xlink:href="#input" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text>
-      <use id="LEVEL_A_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)" />
+      <use id="LEVEL_A_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text>
-      <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)" />
+      <use id="LEVEL_A_INPUT" xlink:href="#input" transform="translate(5 149)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 181)">CV</text>
     </g>
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 106)" />
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 106)"/>
 
     <g transform="translate(5.5 191)">
-      <rect width="34" height="50" rx="5" fill="#bbb" />
-      <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="50" rx="5" fill="#bbb"/>
+      <use id="SEND_B_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(14.8 35)">B</text>
-      <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)" />
-      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)" />
-      <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)" />
+      <rect width="34" height="111" rx="5" fill="#fafafa" transform="translate(0 38)"/>
+      <rect width="34" height="5" fill="#fafafa" transform="translate(0 38)"/>
+      <use id="L_B_INPUT" xlink:href="#input" transform="translate(5 41)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.3 73)">L</text>
-      <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)" />
+      <use id="R_B_INPUT" xlink:href="#input" transform="translate(5 76)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 108)">R(L)</text>
-      <use id="LEVEL_B_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)" />
+      <use id="LEVEL_B_PARAM" xlink:href="#knob-smallest" transform="translate(9 117)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 145)">LEVEL</text>
     </g>
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 296)" />
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 296)"/>
     <!-- <polyline points="0,0 0,350" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
   </g>
 </svg>
diff --git a/res-src/Mono-src.svg b/res-src/Mono-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -24,51 +18,51 @@
 
   <defs>
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="compression" viewBox="0 0 11px 75px">
       <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> -->
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)" />
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
     </symbol>
 
     <symbol id="guide-compression" viewBox="0 0 20px 95px">
       <g transform="translate(0 10)">
         <g transform="translate(0 0)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12+</text>
         </g>
         <g transform="translate(0 15)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text>
         </g>
         <g transform="translate(0 30)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text>
         </g>
 
@@ -81,23 +75,23 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
 
@@ -105,7 +99,7 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">MONO</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -115,25 +109,25 @@
 
   <g transform="translate(2.5 30)">
     <!-- <rect width="40" height="40" fill="#fafafa" transform="translate(0 0)" /> -->
-    <use id="CHANNEL_1_WIDGET" xlink:href="#light-small" transform="translate(0, 0) translate(1.8 1.8)" />
-    <use id="CHANNEL_2_WIDGET" xlink:href="#light-small" transform="translate(10, 0) translate(1.8 1.8)" />
-    <use id="CHANNEL_3_WIDGET" xlink:href="#light-small" transform="translate(20, 0) translate(1.8 1.8)" />
-    <use id="CHANNEL_4_WIDGET" xlink:href="#light-small" transform="translate(30, 0) translate(1.8 1.8)" />
-
-    <use id="CHANNEL_5_WIDGET" xlink:href="#light-small" transform="translate(0, 10) translate(1.8 1.8)" />
-    <use id="CHANNEL_6_WIDGET" xlink:href="#light-small" transform="translate(10, 10) translate(1.8 1.8)" />
-    <use id="CHANNEL_7_WIDGET" xlink:href="#light-small" transform="translate(20, 10) translate(1.8 1.8)" />
-    <use id="CHANNEL_8_WIDGET" xlink:href="#light-small" transform="translate(30, 10) translate(1.8 1.8)" />
-
-    <use id="CHANNEL_9_WIDGET" xlink:href="#light-small" transform="translate(0, 20) translate(1.8 1.8)" />
-    <use id="CHANNEL_10_WIDGET" xlink:href="#light-small" transform="translate(10, 20) translate(1.8 1.8)" />
-    <use id="CHANNEL_11_WIDGET" xlink:href="#light-small" transform="translate(20, 20) translate(1.8 1.8)" />
-    <use id="CHANNEL_12_WIDGET" xlink:href="#light-small" transform="translate(30, 20) translate(1.8 1.8)" />
-
-    <use id="CHANNEL_13_WIDGET" xlink:href="#light-small" transform="translate(0, 30) translate(1.8 1.8)" />
-    <use id="CHANNEL_14_WIDGET" xlink:href="#light-small" transform="translate(10, 30) translate(1.8 1.8)" />
-    <use id="CHANNEL_15_WIDGET" xlink:href="#light-small" transform="translate(20, 30) translate(1.8 1.8)" />
-    <use id="CHANNEL_16_WIDGET" xlink:href="#light-small" transform="translate(30, 30) translate(1.8 1.8)" />
+    <use id="CHANNEL_1_WIDGET" xlink:href="#light-small" transform="translate(0, 0) translate(1.8 1.8)"/>
+    <use id="CHANNEL_2_WIDGET" xlink:href="#light-small" transform="translate(10, 0) translate(1.8 1.8)"/>
+    <use id="CHANNEL_3_WIDGET" xlink:href="#light-small" transform="translate(20, 0) translate(1.8 1.8)"/>
+    <use id="CHANNEL_4_WIDGET" xlink:href="#light-small" transform="translate(30, 0) translate(1.8 1.8)"/>
+
+    <use id="CHANNEL_5_WIDGET" xlink:href="#light-small" transform="translate(0, 10) translate(1.8 1.8)"/>
+    <use id="CHANNEL_6_WIDGET" xlink:href="#light-small" transform="translate(10, 10) translate(1.8 1.8)"/>
+    <use id="CHANNEL_7_WIDGET" xlink:href="#light-small" transform="translate(20, 10) translate(1.8 1.8)"/>
+    <use id="CHANNEL_8_WIDGET" xlink:href="#light-small" transform="translate(30, 10) translate(1.8 1.8)"/>
+
+    <use id="CHANNEL_9_WIDGET" xlink:href="#light-small" transform="translate(0, 20) translate(1.8 1.8)"/>
+    <use id="CHANNEL_10_WIDGET" xlink:href="#light-small" transform="translate(10, 20) translate(1.8 1.8)"/>
+    <use id="CHANNEL_11_WIDGET" xlink:href="#light-small" transform="translate(20, 20) translate(1.8 1.8)"/>
+    <use id="CHANNEL_12_WIDGET" xlink:href="#light-small" transform="translate(30, 20) translate(1.8 1.8)"/>
+
+    <use id="CHANNEL_13_WIDGET" xlink:href="#light-small" transform="translate(0, 30) translate(1.8 1.8)"/>
+    <use id="CHANNEL_14_WIDGET" xlink:href="#light-small" transform="translate(10, 30) translate(1.8 1.8)"/>
+    <use id="CHANNEL_15_WIDGET" xlink:href="#light-small" transform="translate(20, 30) translate(1.8 1.8)"/>
+    <use id="CHANNEL_16_WIDGET" xlink:href="#light-small" transform="translate(30, 30) translate(1.8 1.8)"/>
   </g>
 
   <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 72)" /> -->
@@ -142,32 +136,32 @@
 
   <g transform="translate(0 92)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">COMP</text>
-    <use id="COMPRESSION_PARAM" xlink:href="#knob" transform="translate(0 -2)" />
-    <use xlink:href="#knobguide-linear" transform="translate(0 -2)" />
+    <use id="COMPRESSION_PARAM" xlink:href="#knob" transform="translate(0 -2)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(0 -2)"/>
   </g>
 
   <g transform="translate(17 147)">
-    <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)" />
-    <use xlink:href="#guide-compression" transform="translate(-13 -11)" />
+    <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)"/>
+    <use xlink:href="#guide-compression" transform="translate(-13 -11)"/>
   </g>
 
   <g transform="translate(0 198)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(7 0)">LEVEL</text>
-    <use id="LEVEL_PARAM" xlink:href="#knob" transform="translate(0 -2)" />
-    <use xlink:href="#knobguide-linear" transform="translate(0 -2)" />
+    <use id="LEVEL_PARAM" xlink:href="#knob" transform="translate(0 -2)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(0 -2)"/>
   </g>
 
   <g transform="translate(0 251)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="POLY_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="POLY_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">POLY</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="MONO_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="MONO_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(4.5 32)">MONO</text>
     </g>
   </g>
diff --git a/res-src/Mult-src.svg b/res-src/Mult-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,51 +19,51 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">MULT</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(0 0)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)" />
-        <rect width="34" height="35" rx="5" fill="#fafafa" />
-        <use id="INA_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/>
+        <rect width="34" height="35" rx="5" fill="#fafafa"/>
+        <use id="INA_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(7 35)">IN-A</text>
       </g>
     </g>
 
     <g transform="translate(0 42)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="102" rx="5" fill="#bbb" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="102" rx="5" fill="#bbb"/>
 
         <g transform="translate(2 2)">
-          <use id="OUTA1_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
-          <use id="OUTA2_OUTPUT" xlink:href="#output" transform="translate(3 30)" />
-          <use id="OUTA3_OUTPUT" xlink:href="#output" transform="translate(3 60)" />
+          <use id="OUTA1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
+          <use id="OUTA2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/>
+          <use id="OUTA3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/>
 
           <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text>
         </g>
@@ -80,22 +74,22 @@
   <g transform="translate(0 178)">
     <g transform="translate(0 0)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)" />
-        <rect width="34" height="35" rx="5" fill="#fafafa" />
-        <use id="INB_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 29)"/>
+        <rect width="34" height="35" rx="5" fill="#fafafa"/>
+        <use id="INB_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(3 35)">IN-B(A)</text>
       </g>
     </g>
 
     <g transform="translate(0 42)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="102" rx="5" fill="#bbb" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="102" rx="5" fill="#bbb"/>
 
         <g transform="translate(2 2)">
-          <use id="OUTB1_OUTPUT" xlink:href="#output" transform="translate(3 0)" />
-          <use id="OUTB2_OUTPUT" xlink:href="#output" transform="translate(3 30)" />
-          <use id="OUTB3_OUTPUT" xlink:href="#output" transform="translate(3 60)" />
+          <use id="OUTB1_OUTPUT" xlink:href="#output" transform="translate(3 0)"/>
+          <use id="OUTB2_OUTPUT" xlink:href="#output" transform="translate(3 30)"/>
+          <use id="OUTB3_OUTPUT" xlink:href="#output" transform="translate(3 60)"/>
 
           <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 95)">OUT</text>
         </g>
diff --git a/res-src/Mumix-src.svg b/res-src/Mumix-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,70 +19,70 @@
   <defs>
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
-        <polyline points="0,0 6,0" stroke-width="1" stroke="#00f" transform="translate(-3 0)" />
-        <polyline points="0,0 0,6" stroke-width="1" stroke="#00f" transform="translate(0 -3)" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
+        <polyline points="0,0 6,0" stroke-width="1" stroke="#00f" transform="translate(-3 0)"/>
+        <polyline points="0,0 0,6" stroke-width="1" stroke="#00f" transform="translate(0 -3)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
-        <polyline points="0,0 6,0" stroke-width="1" stroke="#00f" transform="translate(-3 0)" />
-        <polyline points="0,0 0,6" stroke-width="1" stroke="#00f" transform="translate(0 -3)" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
+        <polyline points="0,0 6,0" stroke-width="1" stroke="#00f" transform="translate(-3 0)"/>
+        <polyline points="0,0 0,6" stroke-width="1" stroke="#00f" transform="translate(0 -3)"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="26" y="17" font-size="9pt" letter-spacing="3px">MUMIX</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(2 25)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)" />
-      <rect width="34" height="293" rx="5" fill="#fafafa" />
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)" />
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)" />
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)" />
-      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)" />
-      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)" />
-      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)" />
-      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/>
+      <rect width="34" height="293" rx="5" fill="#fafafa"/>
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/>
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/>
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/>
+      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/>
+      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/>
+      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/>
+      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/>
     </g>
     <g transform="translate(5.5 295)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(55.5 24)">
-    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(0 8)" />
-    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(0 45)" />
-    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(0 82)" />
-    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(0 119)" />
-    <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(0 156)" />
-    <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(0 193)" />
-    <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(0 230)" />
-    <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(0 267)" />
+    <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(0 8)"/>
+    <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(0 45)"/>
+    <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(0 82)"/>
+    <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(0 119)"/>
+    <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(0 156)"/>
+    <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(0 193)"/>
+    <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(0 230)"/>
+    <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(0 267)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(24.5 0)" /> -->
diff --git a/res-src/Mute8-src.svg b/res-src/Mute8-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,33 +19,33 @@
   <defs>
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="40" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="40" height="20" fill="#0f0" transform="translate(110 0)" /> -->
@@ -59,37 +53,37 @@
   <text class="title" x="36.5" y="19" font-size="12pt" letter-spacing="4px">MUTE8</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(8 32)">
-    <rect width="30" height="328" rx="5" fill="#fafafa" />
+    <rect width="30" height="328" rx="5" fill="#fafafa"/>
     <g transform="translate(3 4)">
-      <use id="INPUT1_INPUT" xlink:href="#input" transform="translate(0 0)" />
-      <use id="INPUT2_INPUT" xlink:href="#input" transform="translate(0 40)" />
-      <use id="INPUT3_INPUT" xlink:href="#input" transform="translate(0 80)" />
-      <use id="INPUT4_INPUT" xlink:href="#input" transform="translate(0 120)" />
+      <use id="INPUT1_INPUT" xlink:href="#input" transform="translate(0 0)"/>
+      <use id="INPUT2_INPUT" xlink:href="#input" transform="translate(0 40)"/>
+      <use id="INPUT3_INPUT" xlink:href="#input" transform="translate(0 80)"/>
+      <use id="INPUT4_INPUT" xlink:href="#input" transform="translate(0 120)"/>
 
-      <use id="INPUT5_INPUT" xlink:href="#input" transform="translate(0 160)" />
-      <use id="INPUT6_INPUT" xlink:href="#input" transform="translate(0 200)" />
-      <use id="INPUT7_INPUT" xlink:href="#input" transform="translate(0 240)" />
-      <use id="INPUT8_INPUT" xlink:href="#input" transform="translate(0 280)" />
+      <use id="INPUT5_INPUT" xlink:href="#input" transform="translate(0 160)"/>
+      <use id="INPUT6_INPUT" xlink:href="#input" transform="translate(0 200)"/>
+      <use id="INPUT7_INPUT" xlink:href="#input" transform="translate(0 240)"/>
+      <use id="INPUT8_INPUT" xlink:href="#input" transform="translate(0 280)"/>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(9.8 320)">IN</text>
   </g>
 
   <g transform="translate(43 32)">
-    <rect width="30" height="328" rx="5" fill="#fafafa" />
+    <rect width="30" height="328" rx="5" fill="#fafafa"/>
     <g transform="translate(3 4)">
-      <use id="MUTE1_INPUT" xlink:href="#input" transform="translate(0 0)" />
-      <use id="MUTE2_INPUT" xlink:href="#input" transform="translate(0 40)" />
-      <use id="MUTE3_INPUT" xlink:href="#input" transform="translate(0 80)" />
-      <use id="MUTE4_INPUT" xlink:href="#input" transform="translate(0 120)" />
+      <use id="MUTE1_INPUT" xlink:href="#input" transform="translate(0 0)"/>
+      <use id="MUTE2_INPUT" xlink:href="#input" transform="translate(0 40)"/>
+      <use id="MUTE3_INPUT" xlink:href="#input" transform="translate(0 80)"/>
+      <use id="MUTE4_INPUT" xlink:href="#input" transform="translate(0 120)"/>
 
-      <use id="MUTE5_INPUT" xlink:href="#input" transform="translate(0 160)" />
-      <use id="MUTE6_INPUT" xlink:href="#input" transform="translate(0 200)" />
-      <use id="MUTE7_INPUT" xlink:href="#input" transform="translate(0 240)" />
-      <use id="MUTE8_INPUT" xlink:href="#input" transform="translate(0 280)" />
+      <use id="MUTE5_INPUT" xlink:href="#input" transform="translate(0 160)"/>
+      <use id="MUTE6_INPUT" xlink:href="#input" transform="translate(0 200)"/>
+      <use id="MUTE7_INPUT" xlink:href="#input" transform="translate(0 240)"/>
+      <use id="MUTE8_INPUT" xlink:href="#input" transform="translate(0 280)"/>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text>
   </g>
@@ -98,54 +92,54 @@
     <!-- <rect width="30" height="328" rx="5" fill="#fafafa" /> -->
     <g transform="translate(0 4)">
       <g transform="translate(0 2)">
-        <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE1_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE1_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE1_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 42)">
-        <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE2_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE2_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE2_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 82)">
-        <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE3_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE3_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE3_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 122)">
-        <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE4_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE4_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE4_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
 
       <g transform="translate(0 162)">
-        <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE5_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE5_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE5_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 202)">
-        <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE6_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE6_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE6_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 242)">
-        <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE7_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE7_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE7_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
       <g transform="translate(0 280)">
-        <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(0 2)" />
-        <use id="MUTE8_LIGHT" xlink:href="#light" transform="translate(23 8.8)" />
+        <use id="MUTE8_PARAM" xlink:href="#button" transform="translate(0 2)"/>
+        <use id="MUTE8_LIGHT" xlink:href="#light" transform="translate(23 8.8)"/>
       </g>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(1 320)">MUTE</text>
   </g>
 
   <g transform="translate(112 32)">
-    <rect width="30" height="328" rx="5" fill="#bbb" />
+    <rect width="30" height="328" rx="5" fill="#bbb"/>
     <g transform="translate(3 4)">
-      <use id="OUTPUT1_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
-      <use id="OUTPUT2_OUTPUT" xlink:href="#output" transform="translate(0 40)" />
-      <use id="OUTPUT3_OUTPUT" xlink:href="#output" transform="translate(0 80)" />
-      <use id="OUTPUT4_OUTPUT" xlink:href="#output" transform="translate(0 120)" />
+      <use id="OUTPUT1_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
+      <use id="OUTPUT2_OUTPUT" xlink:href="#output" transform="translate(0 40)"/>
+      <use id="OUTPUT3_OUTPUT" xlink:href="#output" transform="translate(0 80)"/>
+      <use id="OUTPUT4_OUTPUT" xlink:href="#output" transform="translate(0 120)"/>
 
-      <use id="OUTPUT5_OUTPUT" xlink:href="#output" transform="translate(0 160)" />
-      <use id="OUTPUT6_OUTPUT" xlink:href="#output" transform="translate(0 200)" />
-      <use id="OUTPUT7_OUTPUT" xlink:href="#output" transform="translate(0 240)" />
-      <use id="OUTPUT8_OUTPUT" xlink:href="#output" transform="translate(0 280)" />
+      <use id="OUTPUT5_OUTPUT" xlink:href="#output" transform="translate(0 160)"/>
+      <use id="OUTPUT6_OUTPUT" xlink:href="#output" transform="translate(0 200)"/>
+      <use id="OUTPUT7_OUTPUT" xlink:href="#output" transform="translate(0 240)"/>
+      <use id="OUTPUT8_OUTPUT" xlink:href="#output" transform="translate(0 280)"/>
     </g>
     <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text>
   </g>
diff --git a/res-src/Noise-src.svg b/res-src/Noise-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,44 +19,44 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">NOISE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(7.5 0)">
-      <rect width="34" height="209" rx="5" fill="#bbb" transform="translate(-2 0)" />
-      <use id="BLUE_OUTPUT" xlink:href="#output" transform="translate(3 6)" />
+      <rect width="34" height="209" rx="5" fill="#bbb" transform="translate(-2 0)"/>
+      <use id="BLUE_OUTPUT" xlink:href="#output" transform="translate(3 6)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(4 39)">BLUE</text>
-      <use id="WHITE_OUTPUT" xlink:href="#output" transform="translate(3 47)" />
+      <use id="WHITE_OUTPUT" xlink:href="#output" transform="translate(3 47)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(0.5 80)">WHITE</text>
-      <use id="PINK_OUTPUT" xlink:href="#output" transform="translate(3 88)" />
+      <use id="PINK_OUTPUT" xlink:href="#output" transform="translate(3 88)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(4.5 121)">PINK</text>
-      <use id="RED_OUTPUT" xlink:href="#output" transform="translate(3 129)" />
+      <use id="RED_OUTPUT" xlink:href="#output" transform="translate(3 129)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(7 162)">RED</text>
-      <use id="GAUSS_OUTPUT" xlink:href="#output" transform="translate(3 170)" />
+      <use id="GAUSS_OUTPUT" xlink:href="#output" transform="translate(3 170)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(0 203)">GAUSS</text>
     </g>
   </g>
@@ -70,15 +64,15 @@
   <g transform="translate(0 250)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(13 -4)">ABS</text>
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="ABS_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="ABS_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="ABS_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="ABS_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Nsgt-src.svg b/res-src/Nsgt-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,24 +19,24 @@
   <defs>
     <symbol id="knob38" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-threshold38" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
@@ -58,39 +52,39 @@
         <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
         <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text>
         <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text>
-        <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#8734;</text>
+        <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#x221E;</text>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="38" y="17" font-size="9pt" letter-spacing="3px">NSGT</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(45 0)" /> -->
@@ -101,42 +95,42 @@
 
   <g transform="translate(0 40)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(8 0)">THRESHOLD</text>
-    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)" />
-    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)" />
+    <use id="THRESHOLD_PARAM" xlink:href="#knob38" transform="translate(26 12)"/>
+    <use xlink:href="#knobguide-threshold38" transform="translate(10 -4)"/>
   </g>
 
   <g transform="translate(0 122)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(25.5 0)">RATIO</text>
-    <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(26 13)" />
-    <use xlink:href="#knobguide-ratio38" transform="translate(10 -3)" />
+    <use id="RATIO_PARAM" xlink:href="#knob38" transform="translate(26 13)"/>
+    <use xlink:href="#knobguide-ratio38" transform="translate(10 -3)"/>
   </g>
 
   <g transform="translate(40 198)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
-    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
   </g>
 
   <g transform="translate(11 240)">
     <g transform="translate(0 0)">
-      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)" />
-      <rect width="68" height="73" rx="5" fill="#fafafa" />
-      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="68" height="10" fill="#fafafa" transform="translate(0 66)"/>
+      <rect width="68" height="73" rx="5" fill="#fafafa"/>
+      <use id="LEFT_INPUT" xlink:href="#input" transform="translate(5 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 36)">L</text>
-      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)" />
+      <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(39 4)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 36)">R</text>
-      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)" />
+      <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(5 40)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 72)">TRSH</text>
-      <use id="RATIO_INPUT" xlink:href="#input" transform="translate(39 40)" />
+      <use id="RATIO_INPUT" xlink:href="#input" transform="translate(39 40)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(39.5 72)">RATIO</text>
     </g>
     <g transform="translate(0 79)">
-      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="68" height="37" rx="5" fill="#bbb" />
-      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="68" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="68" height="37" rx="5" fill="#bbb"/>
+      <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15.5 33)">L</text>
-      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)" />
+      <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(39 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(49 33)">R</text>
     </g>
   </g>
diff --git a/res-src/Offset-src.svg b/res-src/Offset-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,43 +19,43 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <g transform="rotate(-240) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-225) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-210) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-195) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-165) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-135) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-105) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
 
         <g transform="rotate(-90) translate(17 0)">
@@ -72,34 +66,34 @@
         </g>
 
         <g transform="rotate(-75) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-45) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-15) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(15) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(45) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
 
         <g transform="rotate(-225) translate(22 0)">
@@ -120,37 +114,37 @@
     <symbol id="knobguide-exp" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <g transform="rotate(-240) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-232.3) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-224.2) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-215.5) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-206.2) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-196.1) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-184.9) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-172.2) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-157.1) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-137.4) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-123.5) translate(17 0)">
-          <polyline points="0,0 1,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1,0" stroke-width="0.3" stroke="#333"/>
         </g>
 
         <g transform="rotate(-90) translate(17 0)">
@@ -161,37 +155,37 @@
         </g>
 
         <g transform="rotate(-56.5) translate(17 0)">
-          <polyline points="0,0 1,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 1,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-42.3) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(-22.9) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-7.8) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(4.8) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(16.1) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
         <g transform="rotate(26.2) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(35.5) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(44.2) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(52.3) translate(17 0)">
-          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(17 0)">
-          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1.5" stroke="#333"/>
         </g>
 
         <g transform="rotate(-225) translate(22 0)">
@@ -211,65 +205,65 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">OFFSET</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(3 0)">OFFSET</text>
-    <use id="OFFSET_PARAM" xlink:href="#knob" transform="translate(0 7)" />
-    <use xlink:href="#knobguide" transform="scale(1) translate(0 7)" />
+    <use id="OFFSET_PARAM" xlink:href="#knob" transform="translate(0 7)"/>
+    <use xlink:href="#knobguide" transform="scale(1) translate(0 7)"/>
     <g transform="translate(5.5 53)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 137)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">SCALE</text>
-    <use id="SCALE_PARAM" xlink:href="#knob" transform="translate(0 7)" />
-    <use xlink:href="#knobguide-exp" transform="scale(1) translate(0 7)" />
+    <use id="SCALE_PARAM" xlink:href="#knob" transform="translate(0 7)"/>
+    <use xlink:href="#knobguide-exp" transform="scale(1) translate(0 7)"/>
     <g transform="translate(5.5 53)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 240)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/OneEight-src.svg b/res-src/OneEight-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -46,9 +40,9 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -66,61 +60,61 @@
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="63" y="17" font-size="9pt" letter-spacing="3px">1:8</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(6.5 32)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)" />
-    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(0 30)"/>
+    <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text>
   </g>
   <g transform="translate(6.5 69)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <use id="RESET_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text>
   </g>
 
   <g transform="translate(1 121)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text>
-    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)" />
-    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)" />
+    <use id="STEPS_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 10.5)"/>
+    <use xlink:href="#knobguide-steps" transform="translate(2.5 -1)"/>
   </g>
 
   <g transform="translate(16.5 166)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text>
-    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+    <use id="DIRECTION_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
   </g>
 
@@ -128,56 +122,56 @@
   <!-- <rect width="45" height="14" fill="#0f0" transform="translate(0 307)" /> -->
   <g transform="translate(1 220)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text>
-    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)" />
-    <use xlink:href="#knobguide-select" transform="translate(0 2)" />
+    <use id="SELECT_PARAM" xlink:href="#knob" transform="translate(0 2)"/>
+    <use xlink:href="#knobguide-select" transform="translate(0 2)"/>
     <g transform="translate(5.5 47)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(6.5 321)">
-    <rect width="34" height="39" rx="5" fill="#fafafa" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="39" rx="5" fill="#fafafa"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
   </g>
 
   <g transform="translate(49.5 32)">
-    <rect width="34" height="337" rx="5" fill="#bbb" transform="translate(0 -9)" />
+    <rect width="34" height="337" rx="5" fill="#bbb" transform="translate(0 -9)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text>
 
-    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text>
-    <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)" />
+    <use id="OUT1_LIGHT" xlink:href="#light-small" transform="translate(17 29.5)"/>
 
-    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 44.3)" />
+    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 44.3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text>
-    <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)" />
+    <use id="OUT2_LIGHT" xlink:href="#light-small" transform="translate(17 70.8)"/>
 
-    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 86.6)" />
+    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 86.6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text>
-    <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)" />
+    <use id="OUT3_LIGHT" xlink:href="#light-small" transform="translate(17 113.1)"/>
 
-    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 126.9)" />
+    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 126.9)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text>
-    <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)" />
+    <use id="OUT4_LIGHT" xlink:href="#light-small" transform="translate(17 153.4)"/>
 
-    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 168.1)" />
+    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 168.1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text>
-    <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)" />
+    <use id="OUT5_LIGHT" xlink:href="#light-small" transform="translate(17 194.6)"/>
 
-    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 209.4)" />
+    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 209.4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text>
-    <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)" />
+    <use id="OUT6_LIGHT" xlink:href="#light-small" transform="translate(17 235.9)"/>
 
-    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 250.7)" />
+    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 250.7)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text>
-    <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)" />
+    <use id="OUT7_LIGHT" xlink:href="#light-small" transform="translate(17 277.2)"/>
 
-    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 292)" />
+    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 292)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text>
-    <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)" />
+    <use id="OUT8_LIGHT" xlink:href="#light-small" transform="translate(17 318.5)"/>
   </g>
 
   <!-- <polyline points="0,0 90,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 47)" /> -->
diff --git a/res-src/PEQ-src.svg b/res-src/PEQ-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -37,16 +31,16 @@
         <text font-size="5pt" transform="rotate(-76.36) translate(20 0) rotate(76.36) translate(-4 2.2)">-24</text>
         <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-8 4)">-60dB</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(5.5) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-21.8) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-49.1) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-103.6) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-131) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-130.9) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-158.2) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-185.5) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-212.7) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(5.5) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-21.8) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-49.1) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-103.6) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-131) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-130.9) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-158.2) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-185.5) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-212.7) translate(17 0)"/>
       </g>
     </symbol>
 
@@ -57,76 +51,76 @@
         <text font-size="5pt" transform="rotate(-172.9) translate(20 0) rotate(172.9) translate(-5 2.2)">1K</text>
         <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-7 4)">0HZ</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-27.9) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-133.9) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-192.6) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.8) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-27.9) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-133.9) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-192.6) translate(17 0)"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
-      <circle cx="0" cy="0" r="2.7" stroke-width="1" stroke="#f0f" fill="#f0f" transform="translate(3.2 3.2)" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
+      <circle cx="0" cy="0" r="2.7" stroke-width="1" stroke="#f0f" fill="#f0f" transform="translate(3.2 3.2)"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> -->
@@ -134,35 +128,35 @@
   <text class="title" x="53" y="19" font-size="12pt" letter-spacing="4px">PEQ</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(0 25)">
     <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> -->
     <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> -->
-    <use id="A_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)" />
+    <use id="A_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">A</text>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
-    <use id="A_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)" />
-    <use xlink:href="#knobguide-level" transform="translate(13 3.5)" />
+    <use id="A_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)"/>
+    <use xlink:href="#knobguide-level" transform="translate(13 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
-    <use id="A_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)" />
-    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)" />
+    <use id="A_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)"/>
+    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
-    <use id="A_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 4)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(110 -8)" />
+    <use id="A_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 4)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(110 -8)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text>
-    <use id="A_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 42)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(110 30)" />
+    <use id="A_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 42)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(110 30)"/>
 
     <g transform="translate(118 26.5)">
       <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">LP</text>
-      <use id="A_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)" />
+      <use id="A_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/>
     </g>
   </g>
 
@@ -170,109 +164,109 @@
     <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> -->
     <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> -->
-    <use id="B_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)" />
+    <use id="B_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">B</text>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
-    <use id="B_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)" />
-    <use xlink:href="#knobguide-level" transform="translate(13 3.5)" />
+    <use id="B_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)"/>
+    <use xlink:href="#knobguide-level" transform="translate(13 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
-    <use id="B_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)" />
-    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)" />
+    <use id="B_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)"/>
+    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text>
-    <use id="B_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 7)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(110 -5)" />
+    <use id="B_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 7)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(110 -5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 56.5) rotate(270)">FCV</text>
-    <use id="B_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 40)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(110 28)" />
+    <use id="B_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 40)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(110 28)"/>
   </g>
 
   <g transform="translate(0 159)">
     <!-- <rect width="150" height="60" fill="#0f0" transform="translate(0 0)" /> -->
     <!-- <polyline points="0,30 150,30" stroke="#f00" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="0,0 150,0" stroke="#0ff" stroke-width="1" fill="none" transform="translate(0 26)" /> -->
-    <use id="C_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)" />
+    <use id="C_LIGHT" xlink:href="#light-small" transform="translate(5.5 18)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">C</text>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
-    <use id="C_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)" />
-    <use xlink:href="#knobguide-level" transform="translate(13 3.5)" />
+    <use id="C_LEVEL_PARAM" xlink:href="#knob" transform="translate(13 3.5)"/>
+    <use xlink:href="#knobguide-level" transform="translate(13 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
-    <use id="C_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)" />
-    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)" />
+    <use id="C_FREQUENCY_PARAM" xlink:href="#knob" transform="translate(59 3.5)"/>
+    <use xlink:href="#knobguide-frequency" transform="translate(56 3.5)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
-    <use id="C_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 4)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(110 -8)" />
+    <use id="C_BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(122 4)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(110 -8)"/>
 
     <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text>
-    <use id="C_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 42)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(110 30)" />
+    <use id="C_CV_PARAM" xlink:href="#knob-smallest" transform="translate(122 42)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(110 30)"/>
 
     <g transform="translate(118 26.5)">
       <text font-size="6pt" letter-spacing="1px" transform="translate(-0.5 6.1)">HP</text>
-      <use id="C_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)" />
+      <use id="C_MODE_PARAM" xlink:href="#button-small" transform="translate(13.5 -1)"/>
     </g>
   </g>
 
   <g transform="translate(0 226)">
-    <rect width="130" height="134" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="32.5" height="46" rx="5" fill="#bbb" transform="translate(107.5 88)" />
-    <rect width="32.5" height="8" fill="#bbb" transform="translate(107.5 88)" />
-    <rect width="8" height="46" fill="#bbb" transform="translate(107.5 88)" />
+    <rect width="130" height="134" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="32.5" height="46" rx="5" fill="#bbb" transform="translate(107.5 88)"/>
+    <rect width="32.5" height="8" fill="#bbb" transform="translate(107.5 88)"/>
+    <rect width="8" height="46" fill="#bbb" transform="translate(107.5 88)"/>
 
     <g transform="translate(12 0)">
-      <use id="A_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="A_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-LVL</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="B_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="B_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-LVL</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="C_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="C_LEVEL_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">C-LVL</text>
     </g>
     <g transform="translate(108 0)">
-      <use id="ALL_CV_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="ALL_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">FCV</text>
     </g>
 
     <g transform="translate(12 44)">
-      <use id="A_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="A_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">A-FCV</text>
     </g>
     <g transform="translate(44 44)">
-      <use id="B_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="B_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-FCV</text>
     </g>
     <g transform="translate(76 44)">
-      <use id="C_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="C_FREQUENCY_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">C-FCV</text>
     </g>
     <g transform="translate(108 44)">
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(10 40)">IN</text>
     </g>
 
     <g transform="translate(12 88)">
-      <use id="A_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="A_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-BW</text>
     </g>
     <g transform="translate(44 88)">
-      <use id="B_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="B_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">B-BW</text>
     </g>
     <g transform="translate(76 88)">
-      <use id="C_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="C_BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">C-BW</text>
     </g>
     <g transform="translate(108 88)">
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
     </g>
   </g>
diff --git a/res-src/PEQ14-src.svg b/res-src/PEQ14-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="690"
-  height="380"
-  viewBox="0 0 690 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="690" height="380" viewBox="0 0 690 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,77 +66,77 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency16" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-172.9) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-172.9) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 689,1 689,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 690,0 690,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 689,1 689,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 689.5,0.5 689.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 690,0 690,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
 
@@ -150,382 +144,382 @@
   <text class="title" x="311.5" y="19" font-size="12pt" letter-spacing="4px">PEQ14</text>
   <g transform="translate(305 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(6.5 48)">
     <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(40.5 11)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(28.5 -1)" />
+    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(40.5 11)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(28.5 -1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(40 37)">FCV</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)" />
-    <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 8)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/>
+    <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 8)"/>
     <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> -->
   </g>
 
   <g transform="translate(6.5 113)">
     <!-- <rect width="62" height="40" fill="#f0f" transform="translate(0 0)" /> -->
-    <use id="BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(40.5 8)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(28.5 -4)" />
+    <use id="BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(40.5 8)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(28.5 -4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(42.5 37)">BW</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)" />
-    <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 8)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(0 5)"/>
+    <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(3 8)"/>
     <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 40)" /> -->
   </g>
 
   <g transform="translate(17.5 179)">
     <!-- <rect width="40" height="23" fill="#f0f" transform="translate(0 0)" /> -->
     <text font-size="5pt" letter-spacing="1px" transform="translate(0 8.5)">CH1-LP</text>
-    <use id="LP_PARAM" xlink:href="#button-small" transform="translate(31 1)" />
+    <use id="LP_PARAM" xlink:href="#button-small" transform="translate(31 1)"/>
     <text font-size="5pt" letter-spacing="0.5px" transform="translate(-3 20.5)">CH14-HP</text>
-    <use id="HP_PARAM" xlink:href="#button-small" transform="translate(31 13)" />
+    <use id="HP_PARAM" xlink:href="#button-small" transform="translate(31 13)"/>
     <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 23)" /> -->
   </g>
 
   <g transform="translate(18.5 227)">
     <!-- <rect width="38" height="35" fill="#f0f" transform="translate(0 0)" /> -->
     <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text>
-    <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)" />
+    <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/>
     <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text>
-    <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)" />
+    <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/>
     <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text>
-    <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)" />
+    <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/>
     <!-- <rect width="62" height="25" fill="#0f0" transform="translate(0 35)" /> -->
   </g>
 
   <g transform="translate(5.5 287)">
-    <rect width="64" height="73" rx="5" fill="#bbb" />
-    <rect width="32" height="36.5" rx="5" fill="#fafafa" />
-    <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)" />
-    <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="64" height="73" rx="5" fill="#bbb"/>
+    <rect width="32" height="36.5" rx="5" fill="#fafafa"/>
+    <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/>
+    <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
-    <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)" />
+    <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text>
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text>
-    <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)" />
+    <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text>
   </g>
 
   <g transform="translate(74 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">1</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(118 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">2</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(162 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">3</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(206 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">4</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(250 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">5</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(294 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">6</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(338 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">7</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL7_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL7_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL7_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL7_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV7_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV7_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(382 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">8</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL8_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL8_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL8_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL8_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV8_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV8_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(426 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">9</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL9_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY9_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL9_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY9_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV9_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV9_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL9_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL9_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV9_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV9_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(470 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">10</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL10_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY10_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL10_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY10_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV10_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV10_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL10_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL10_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV10_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV10_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(514 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 8)">11</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL11_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY11_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL11_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY11_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV11_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV11_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL11_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL11_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV11_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV11_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(558 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">12</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL12_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY12_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL12_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY12_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV12_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV12_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL12_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL12_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV12_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV12_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(602 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">13</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL13_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY13_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL13_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY13_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV13_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV13_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL13_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL13_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV13_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV13_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(646 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(17 8)">14</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL14_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY14_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL14_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY14_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV14_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV14_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL14_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL14_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV14_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV14_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
diff --git a/res-src/PEQ14XF-src.svg b/res-src/PEQ14XF-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="75"
-  height="380"
-  viewBox="0 0 75 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
   <style>
     text {
       fill: #333;
@@ -25,111 +19,111 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">PEQ14XF</text>
   <g transform="translate(25 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
-    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)" />
+    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
   </g>
 
   <g transform="translate(-2.5 24)">
-    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)" />
+    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(32.5 23.5)">
-    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)" />
+    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(5.5 108)">
-    <rect width="64" height="260" rx="5" fill="#bbb" transform="translate(0 -10)" />
+    <rect width="64" height="260" rx="5" fill="#bbb" transform="translate(0 -10)"/>
 
     <text font-size="5pt" letter-spacing="2px" transform="translate(27 0)">EF</text>
-    <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text>
-    <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text>
-    <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+    <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text>
-    <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)" />
+    <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text>
-    <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)" />
+    <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text>
-    <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)" />
+    <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text>
-    <use id="EF7_OUTPUT" xlink:href="#output" transform="translate(5 213)" />
+    <use id="EF7_OUTPUT" xlink:href="#output" transform="translate(5 213)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 245)">7</text>
 
     <g transform="translate(31 0)">
-      <use id="EF8_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <use id="EF8_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">8</text>
-      <use id="EF9_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+      <use id="EF9_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">9</text>
-      <use id="EF10_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="EF10_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 105)">10</text>
-      <use id="EF11_OUTPUT" xlink:href="#output" transform="translate(5 108)" />
+      <use id="EF11_OUTPUT" xlink:href="#output" transform="translate(5 108)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 140)">11</text>
-      <use id="EF12_OUTPUT" xlink:href="#output" transform="translate(5 143)" />
+      <use id="EF12_OUTPUT" xlink:href="#output" transform="translate(5 143)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 175)">12</text>
-      <use id="EF13_OUTPUT" xlink:href="#output" transform="translate(5 178)" />
+      <use id="EF13_OUTPUT" xlink:href="#output" transform="translate(5 178)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 210)">13</text>
-      <use id="EF14_OUTPUT" xlink:href="#output" transform="translate(5 213)" />
+      <use id="EF14_OUTPUT" xlink:href="#output" transform="translate(5 213)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 245)">14</text>
     </g>
   </g>
diff --git a/res-src/PEQ14XR-src.svg b/res-src/PEQ14XR-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="75"
-  height="380"
-  viewBox="0 0 75 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
   <style>
     text {
       fill: #333;
@@ -25,81 +19,81 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">PEQ14XR</text>
   <g transform="translate(25 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
-    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)" />
+    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
   </g>
 
   <g transform="translate(-2.5 24)">
-    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)" />
+    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(32.5 23.5)">
-    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)" />
+    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(20.5 318)">
-    <rect width="34" height="42" rx="5" fill="#bbb" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+    <rect width="34" height="42" rx="5" fill="#bbb"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 37)">OUT</text>
   </g>
 </svg>
diff --git a/res-src/PEQ14XV-src.svg b/res-src/PEQ14XV-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="75"
-  height="380"
-  viewBox="0 0 75 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="75" height="380" viewBox="0 0 75 380">
   <style>
     text {
       fill: #333;
@@ -25,17 +19,17 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -47,133 +41,133 @@
         <text font-size="5.0pt" transform="rotate(-15) translate(18 0) rotate(15) translate(-2 2)">1</text>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2 2)">2</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-208.75) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-133.75) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-46.25) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(28.75) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-208.75) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-133.75) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-46.25) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(28.75) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 74,1 74,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 75,0 75,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="20" y="14" font-size="7pt" letter-spacing="1px">PEQ14XV</text>
   <g transform="translate(25 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
-    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)" />
+    <rect width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
   </g>
 
   <text font-size="6pt" letter-spacing="1.5px" transform="translate(9 30)">FOLLOWERS</text>
 
   <g transform="translate(-2.5 34)">
-    <use id="EF_DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)" />
+    <use id="EF_DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(10 33)">DAMP</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="EF_DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="EF_DAMP_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(32.5 34)">
-    <use id="EF_GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)" />
+    <use id="EF_GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -6)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11.5 33)">GAIN</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="EF_GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="EF_GAIN_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
     <!-- <rect width="75" height="17" fill="#f0f" transform="translate(-32.5 66)" /> -->
   </g>
 
   <g transform="translate(0 119)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(8 2)">TRANSPOSE</text>
-    <use id="TRANSPOSE_PARAM" xlink:href="#knob-medium" transform="translate(24.5 13)" />
-    <use xlink:href="#knobguide-transpose" transform="translate(15 3.5)" />
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(22.5 47)" />
-    <use id="TRANSPOSE_INPUT" xlink:href="#input" transform="translate(25.5 50)" />
+    <use id="TRANSPOSE_PARAM" xlink:href="#knob-medium" transform="translate(24.5 13)"/>
+    <use xlink:href="#knobguide-transpose" transform="translate(15 3.5)"/>
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(22.5 47)"/>
+    <use id="TRANSPOSE_INPUT" xlink:href="#input" transform="translate(25.5 50)"/>
     <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 77)" /> -->
   </g>
 
   <g transform="translate(0 212)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(18 5)">OUTPUT</text>
 
-    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(12 15)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(0 3)" />
+    <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(12 15)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(0 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(9 42)">GAIN</text>
 
-    <use id="BAND14_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(47 15)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(35 3)" />
+    <use id="BAND14_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(47 15)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(35 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(44 42)">B14D</text>
 
     <g transform="translate(10 51)">
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(0 6)">B1</text>
-      <use id="BAND1_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)" />
+      <use id="BAND1_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/>
     </g>
 
     <g transform="translate(47.5 51)">
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(-5 6)">B14</text>
-      <use id="BAND14_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)" />
+      <use id="BAND14_ENABLE_PARAM" xlink:href="#button-small" transform="translate(9.5 -1)"/>
     </g>
 
     <!-- <rect width="75" height="17" fill="#f0f" transform="translate(0 56)" /> -->
   </g>
 
   <g transform="translate(5.5 287)">
-    <rect width="64" height="73" rx="5" fill="#bbb" />
-    <rect width="32" height="36.5" rx="5" fill="#fafafa" />
-    <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)" />
-    <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="64" height="73" rx="5" fill="#bbb"/>
+    <rect width="32" height="36.5" rx="5" fill="#fafafa"/>
+    <rect width="32" height="10" fill="#fafafa" transform="translate(0 26.5)"/>
+    <rect width="10" height="36.5" fill="#fafafa" transform="translate(22 0)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
-    <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)" />
+    <use id="ODDS_OUTPUT" xlink:href="#output" transform="translate(35 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(38.5 35)">ODD</text>
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text>
-    <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)" />
+    <use id="EVENS_OUTPUT" xlink:href="#output" transform="translate(35 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(36 70)">EVEN</text>
   </g>
 
diff --git a/res-src/PEQ6-src.svg b/res-src/PEQ6-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="315"
-  height="380"
-  viewBox="0 0 315 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="315" height="380" viewBox="0 0 315 380">
   <style>
     text {
       fill: #333;
@@ -24,44 +18,44 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 151x">
-      <rect width="18" height="151" fill="none" />
-      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="18" height="151" fill="none"/>
+      <rect width="6" height="145" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 40)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 151px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 19.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 32.86)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 46.05)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 72.41)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 125.14)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 151.5)">
@@ -72,76 +66,76 @@
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency16" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-172.9) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(19.8) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-27.9) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" transform="rotate(-172.9) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(-240) translate(10 0) rotate(240) translate(-2.5 4)">0</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 314,1 214,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 315,0 315,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 314,1 214,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 314.5,0.5 314.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 315,0 315,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="125" height="20" fill="#0f0" transform="translate(190 0)" /> -->
@@ -151,7 +145,7 @@
   <text class="title" x="129" y="19" font-size="12pt" letter-spacing="4px">PEQ6</text>
   <g transform="translate(118 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 315,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 24)" /> -->
@@ -159,184 +153,184 @@
 
   <g transform="translate(0 40)">
     <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 7)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -5)" />
+    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 7)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -5)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 33)">FCV</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(0 124)">
     <!-- <rect width="37" height="66" fill="#f0f" transform="translate(0 0)" /> -->
-    <use id="BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 5)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -7)" />
+    <use id="BANDWIDTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 5)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -7)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(16.5 33)">BW</text>
-    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)" />
-    <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(10.5 39)" />
+    <rect width="30" height="30" rx="5" fill="#fafafa" transform="translate(7.5 36)"/>
+    <use id="BANDWIDTH_INPUT" xlink:href="#input" transform="translate(10.5 39)"/>
   </g>
 
   <g transform="translate(2 209)">
     <!-- <rect width="40" height="23" fill="#f0f" transform="translate(2.5 0)" /> -->
     <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 8.5)">CH1-LP</text>
-    <use id="LP_PARAM" xlink:href="#button-small" transform="translate(33.5 1)" />
+    <use id="LP_PARAM" xlink:href="#button-small" transform="translate(33.5 1)"/>
     <text font-size="5pt" letter-spacing="0.8px" transform="translate(2.5 20.5)">CH8-HP</text>
-    <use id="HP_PARAM" xlink:href="#button-small" transform="translate(33.5 13)" />
+    <use id="HP_PARAM" xlink:href="#button-small" transform="translate(33.5 13)"/>
   </g>
 
   <g transform="translate(6 242)">
     <!-- <rect width="37" height="35" fill="#f0f" transform="translate(0 0)" /> -->
     <text font-size="5pt" letter-spacing="1px" transform="translate(5 34.5) rotate(-90)">FCV RNG</text>
-    <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)" />
+    <use id="FMOD_RELATIVE_LIGHT" xlink:href="#light-small" transform="translate(10 1)"/>
     <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 6.7)">OCTV</text>
-    <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)" />
+    <use id="FMOD_FULL_LIGHT" xlink:href="#light-small" transform="translate(10 14)"/>
     <text font-size="5pt" letter-spacing="0.5px" transform="translate(18.5 19.7)">FULL</text>
-    <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)" />
+    <use id="FMOD_PARAM" xlink:href="#button-small" transform="translate(14 25)"/>
   </g>
 
   <g transform="translate(5.5 287)">
-    <rect width="34" height="73" rx="5" fill="#bbb" />
-    <rect width="34" height="36.5" rx="5" fill="#fafafa" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(0 26.5)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="73" rx="5" fill="#bbb"/>
+    <rect width="34" height="36.5" rx="5" fill="#fafafa"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(0 26.5)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8 70)">OUT</text>
   </g>
 
   <g transform="translate(45 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">1</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL1_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(90 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">2</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL2_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(135 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">3</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL3_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV3_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(180 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">4</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL4_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 192)">FREQ</text>
-    <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)" />
+    <use id="FREQUENCY_CV4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 191)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL4_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV4_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(225 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">5</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL5_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 164)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL5_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV5_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(270 20)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 8)">6</text>
-    <use xlink:href="#sliderguide-db" transform="translate(0 8)" />
-    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 8)" />
-    <use id="FREQUENCY6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 163)" />
-    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 8)"/>
+    <use id="LEVEL6_PARAM" xlink:href="#slider" transform="translate(13.5 8)"/>
+    <use id="FREQUENCY6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 163)"/>
+    <use xlink:href="#knobguide-frequency16" transform="translate(2.5 152)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 193)">FREQ</text>
-    <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)" />
+    <use id="FREQUENCY_CV6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 204)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 192)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(14 229)">FCV</text>
     <g transform="translate(5.5 232)">
-      <rect width="34" height="108" rx="5" fill="#bbb" />
-      <rect width="34" height="71.5" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)" />
-      <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="108" rx="5" fill="#bbb"/>
+      <rect width="34" height="71.5" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 61.5)"/>
+      <use id="LEVEL6_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">LEVEL</text>
-      <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FREQUENCY_CV6_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 70)">FCV</text>
-      <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+      <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8 105)">OUT</text>
     </g>
   </g>
diff --git a/res-src/PEQ6XF-src.svg b/res-src/PEQ6XF-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,83 +19,83 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">PEQ6XF</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 24)">
-    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 8)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -4)" />
+    <use id="DAMP_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 8)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -4)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(12 0)">DAMP</text>
   </g>
 
   <g transform="translate(0 63)">
-    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 8)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -4)" />
+    <use id="GAIN_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 8)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -4)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(13 0)">GAIN</text>
   </g>
 
   <g transform="translate(5.5 104)">
-    <rect width="34" height="225" rx="5" fill="#bbb" transform="translate(0 -10)" />
+    <rect width="34" height="225" rx="5" fill="#bbb" transform="translate(0 -10)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">EF</text>
-    <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <use id="EF1_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">1</text>
-    <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="EF2_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">2</text>
-    <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+    <use id="EF3_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">3</text>
-    <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)" />
+    <use id="EF4_OUTPUT" xlink:href="#output" transform="translate(5 108)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">4</text>
-    <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)" />
+    <use id="EF5_OUTPUT" xlink:href="#output" transform="translate(5 143)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 175)">5</text>
-    <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)" />
+    <use id="EF6_OUTPUT" xlink:href="#output" transform="translate(5 178)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 210)">6</text>
   </g>
 </svg>
diff --git a/res-src/Pan-src.svg b/res-src/Pan-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,47 +19,47 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-panner" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.8 2)">L</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2)">R</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -76,39 +70,39 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">PAN</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 15)">
-    <use id="PAN1_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide-panner" transform="translate(0 0)" />
+    <use id="PAN1_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide-panner" transform="translate(0 0)"/>
     <g transform="translate(5.5 44)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text>
     </g>
   </g>
 
   <g transform="translate(0 138)">
-    <use id="PAN2_PARAM" xlink:href="#knob" transform="translate(0 0)" />
-    <use xlink:href="#knobguide-panner" transform="translate(0 0)" />
+    <use id="PAN2_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
+    <use xlink:href="#knobguide-panner" transform="translate(0 0)"/>
     <g transform="translate(5.5 44)">
-      <rect width="34" height="73" rx="5" fill="#fafafa" />
-      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="73" rx="5" fill="#fafafa"/>
+      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text>
     </g>
   </g>
 
   <g transform="translate(5.5 265)">
-    <rect width="34" height="73" rx="5" fill="#bbb" />
-    <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <rect width="34" height="73" rx="5" fill="#bbb"/>
+    <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text>
-    <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">R</text>
   </g>
 </svg>
diff --git a/res-src/Pgmr-src.svg b/res-src/Pgmr-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,37 +19,37 @@
   <defs>
     <symbol id="knob26" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-pgmr" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/>
 
         <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)"/>
 
         <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text>
         <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text>
@@ -64,46 +58,46 @@
 
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="80" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="80" height="20" fill="#0f0" transform="translate(145 0)" /> -->
   <text class="title" x="82" y="19" font-size="12pt" letter-spacing="4px">PGMR</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 30)" /> -->
@@ -111,66 +105,66 @@
   <!-- <polyline points="0,0 225,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->
 
   <g transform="translate(5.5 56)">
-    <rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)" />
+    <rect width="34" height="155" rx="5" fill="#bbb" transform="translate(0 -10)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 0)">OUT</text>
-    <use id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+    <use id="A_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text>
-    <use id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)" />
+    <use id="B_OUTPUT" xlink:href="#output" transform="translate(5 38)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text>
-    <use id="C_OUTPUT" xlink:href="#output" transform="translate(5 73)" />
+    <use id="C_OUTPUT" xlink:href="#output" transform="translate(5 73)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 105)">C</text>
-    <use id="D_OUTPUT" xlink:href="#output" transform="translate(5 108)" />
+    <use id="D_OUTPUT" xlink:href="#output" transform="translate(5 108)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(15 140)">D</text>
   </g>
 
   <g transform="translate(0 224)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 92)" />
-      <rect width="34" height="102" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-      <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 92)"/>
+      <rect width="34" height="102" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+      <use id="CLOCK_INPUT" xlink:href="#input" transform="translate(5 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 34)">CLOCK</text>
       <text font-size="5pt" letter-spacing="1px" transform="translate(5 46.5)">FWD</text>
-      <use id="DIRECTION_PARAM" xlink:href="#button-small" transform="translate(22.5 39.7)" />
+      <use id="DIRECTION_PARAM" xlink:href="#button-small" transform="translate(22.5 39.7)"/>
       <text font-size="5pt" letter-spacing="0.1px" transform="translate(2 60)">S.O.C.</text>
-      <use id="SELECT_ON_CLOCK_PARAM" xlink:href="#button-small" transform="translate(22.5 53.2)" />
-      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 66)" />
+      <use id="SELECT_ON_CLOCK_PARAM" xlink:href="#button-small" transform="translate(22.5 53.2)"/>
+      <use id="SELECT_INPUT" xlink:href="#input" transform="translate(5 66)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 98)">SELECT</text>
     </g>
     <g transform="translate(5.5 105)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="30" rx="5" fill="#bbb" />
-      <use id="SELECT_ALL_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="30" rx="5" fill="#bbb"/>
+      <use id="SELECT_ALL_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
     </g>
   </g>
 
   <g transform="translate(45 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">1</text>
-    <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -178,31 +172,31 @@
   <g transform="translate(90 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">2</text>
-    <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -210,31 +204,31 @@
   <g transform="translate(135 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">3</text>
-    <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -242,31 +236,31 @@
   <g transform="translate(180 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.5 -1)">4</text>
-    <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>Z
   </g>
diff --git a/res-src/PgmrX-src.svg b/res-src/PgmrX-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="180"
-  height="380"
-  viewBox="0 0 180 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
   <style>
     text {
       fill: #333;
@@ -25,37 +19,37 @@
   <defs>
     <symbol id="knob26" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-pgmr" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-225) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-195) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-165) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-105) translate(15 0)"/>
 
         <text font-size="5pt" transform="rotate(-90) translate(15 0) rotate(90) translate(-1.9 0)">0</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(-15) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(15) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(45) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1.0" stroke="#333" transform="rotate(60) translate(15 0)"/>
 
         <text font-size="9pt" transform="rotate(-225) translate(20 0) rotate(225) translate(-1 8.8)">-</text>
         <text font-size="7pt" transform="rotate(45) translate(20 0) rotate(-45) translate(-3.9 8.5)">+</text>
@@ -64,70 +58,70 @@
 
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(130 0)" /> -->
   <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">PGMRX</text>
   <g transform="translate(50 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(0 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+1</text>
-    <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA1_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB1_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC1_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD1_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT1_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT1_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT1_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT1_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -135,31 +129,31 @@
   <g transform="translate(45 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+2</text>
-    <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA2_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB2_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC2_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD2_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT2_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT2_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT2_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT2_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -167,31 +161,31 @@
   <g transform="translate(90 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(18 -1)">+3</text>
-    <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA3_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB3_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC3_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD3_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT3_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT3_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT3_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT3_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
@@ -199,31 +193,31 @@
   <g transform="translate(135 30)">
     <!-- <rect width="34" height="330" fill="#ccc" transform="translate(5.5 0)" /> -->
     <text font-size="5pt" letter-spacing="2px" transform="translate(17.5 -1)">+4</text>
-    <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(0 1)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)" />
+    <use id="CVA4_PARAM" xlink:href="#knob26" transform="translate(0 1)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 1)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 48)">A</text>
-    <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(0 55)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)" />
+    <use id="CVB4_PARAM" xlink:href="#knob26" transform="translate(0 55)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 55)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 102)">B</text>
-    <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(0 109)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)" />
+    <use id="CVC4_PARAM" xlink:href="#knob26" transform="translate(0 109)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 109)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 156)">C</text>
-    <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(0 163)" />
-    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)" />
+    <use id="CVD4_PARAM" xlink:href="#knob26" transform="translate(0 163)"/>
+    <use xlink:href="#knobguide-pgmr" transform="translate(0 163)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(20.3 210)">D</text>
     <g transform="translate(0 223)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)" />
-        <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)" />
-        <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)" />
-        <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+        <rect width="34" height="76" rx="5" fill="#fafafa" transform="translate(0 -3)"/>
+        <use id="SELECT4_LIGHT" xlink:href="#light-small" transform="translate(13.8 2)"/>
+        <use id="SELECT4_PARAM" xlink:href="#button" transform="translate(8 14)"/>
+        <use id="SELECT4_INPUT" xlink:href="#input" transform="translate(5 37)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(2.5 69)">SELECT</text>
       </g>
       <g transform="translate(5.5 73)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)" />
-        <rect width="34" height="33" rx="5" fill="#bbb" />
-        <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 0)"/>
+        <rect width="34" height="33" rx="5" fill="#bbb"/>
+        <use id="SELECT4_OUTPUT" xlink:href="#output" transform="translate(5 4)"/>
       </g>
     </g>
   </g>
diff --git a/res-src/PolyCon16-src.svg b/res-src/PolyCon16-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="120"
-  height="380"
-  viewBox="0 0 120 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,66 +33,66 @@
         <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text>
         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/>
       </g>
     </symbol>
 
     <symbol id="knob19" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="9.3" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick19" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11.5 0)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 1 13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -13.5 A 13.5 13.5 0 0 0 -13.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="24" y="17" font-size="9pt" letter-spacing="2px">POLYCON16</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <polyline points="0,0 120,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 24)" /> -->
@@ -108,115 +102,115 @@
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(104.67 0)" /> -->
 
   <g transform="translate(21.5 22)">
-    <use id="CHANNEL1_PARAM" xlink:href="#knob19" transform="translate(3.6 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL1_PARAM" xlink:href="#knob19" transform="translate(3.6 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-6.5 20.5)">1</text>
-    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 59)">
-    <use id="CHANNEL2_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL2_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">2</text>
-    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 96)">
-    <use id="CHANNEL3_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL3_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7 20.5)">3</text>
-    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 133)">
-    <use id="CHANNEL4_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL4_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">4</text>
-    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 170)">
-    <use id="CHANNEL5_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL5_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">5</text>
-    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 207)">
-    <use id="CHANNEL6_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL6_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">6</text>
-    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 244)">
-    <use id="CHANNEL7_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL7_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">7</text>
-    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(21.5 281)">
-    <use id="CHANNEL8_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL8_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(-7.2 20.5)">8</text>
-    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
 
   <g transform="translate(71.5 22)">
-    <use id="CHANNEL9_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL9_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(31 20.5)">9</text>
-    <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 59)">
-    <use id="CHANNEL10_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL10_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">10</text>
-    <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 96)">
-    <use id="CHANNEL11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL11_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">11</text>
-    <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 133)">
-    <use id="CHANNEL12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL12_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">12</text>
-    <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 170)">
-    <use id="CHANNEL13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL13_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">13</text>
-    <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 207)">
-    <use id="CHANNEL14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL14_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">14</text>
-    <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 244)">
-    <use id="CHANNEL15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL15_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">15</text>
-    <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
   <g transform="translate(71.5 281)">
-    <use id="CHANNEL16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)" />
-    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)" />
+    <use id="CHANNEL16_PARAM" xlink:href="#knob19" transform="translate(3.5 8)"/>
+    <use xlink:href="#knobguide-centertick19" transform="translate(-6.5 -2)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(30.5 20.5)">16</text>
-    <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)" />
+    <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(12.25 30)"/>
   </g>
 
   <g transform="translate(11 320)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)" />
-    <use xlink:href="#knobguide-channels" transform="translate(0 0)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)"/>
+    <use xlink:href="#knobguide-channels" transform="translate(0 0)"/>
   </g>
 
   <g transform="translate(52 318)">
-    <rect width="60" height="40" rx="5" fill="#fafafa" />
-    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-    <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)" />
+    <rect width="60" height="40" rx="5" fill="#fafafa"/>
+    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+    <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(3.5 4)"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(3 36)">CHAN</text>
     <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
   </g>
diff --git a/res-src/PolyCon8-src.svg b/res-src/PolyCon8-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,46 +19,46 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="0.5px">POLYCON8</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -73,64 +67,64 @@
 
   <g transform="translate(0 18)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL1_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">1</text>
-    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 49.5)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL2_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">2</text>
-    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 81)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL3_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">3</text>
-    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 112.5)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL4_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">4</text>
-    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 144)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL5_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">5</text>
-    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 175.5)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL6_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">6</text>
-    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 207)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL7_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">7</text>
-    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
   <g transform="translate(0 238.5)">
     <!-- <rect width="45" height="23" fill="#ff0" transform="translate(0 0)" /> -->
-    <use id="CHANNEL8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)" />
+    <use id="CHANNEL8_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 6)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -6)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(3 16.5)">8</text>
-    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)" />
+    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(38.5 12.4)"/>
   </g>
 
   <g transform="translate(7.5 270)">
-    <rect width="34" height="40" rx="5" fill="#bbb" transform="translate(-2 0)" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+    <rect width="34" height="40" rx="5" fill="#bbb" transform="translate(-2 0)"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(5 36)">OUT</text>
   </g>
 </svg>
diff --git a/res-src/PolyMult-src.svg b/res-src/PolyMult-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,39 +33,39 @@
         <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text>
         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
 
@@ -79,35 +73,35 @@
     <text class="title" font-size="7pt" letter-spacing="2px">POLYMULT</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(2.5 30)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(6.5 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)" />
-    <use xlink:href="#knobguide-channels" transform="translate(0 0)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)"/>
+    <use xlink:href="#knobguide-channels" transform="translate(0 0)"/>
   </g>
 
   <g transform="translate(0 70)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="74" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)" />
-      <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="74" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/>
+      <use id="CHANNELS_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(6 35)">CHAN</text>
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 39)" />
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 39)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 71)">IN</text>
     </g>
     <g transform="translate(5.5 77)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="140" rx="5" fill="#bbb" />
-      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="140" rx="5" fill="#bbb"/>
+      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
-      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 67)">OUT</text>
-      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 70)" />
+      <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(5 70)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 102)">OUT</text>
-      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 105)" />
+      <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(5 105)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 137)">OUT</text>
     </g>
   </g>
diff --git a/res-src/PolyOff16-src.svg b/res-src/PolyOff16-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="240"
-  height="380"
-  viewBox="0 0 240 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,67 +33,67 @@
         <text font-size="5pt" transform="rotate(-20) translate(13 0) rotate(20) translate(-2 2)">12</text>
         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">16</text>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(10 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(180 0)" /> -->
@@ -109,163 +103,163 @@
   <text class="title" x="57" y="19" font-size="12pt" letter-spacing="4px">POLYOFF16</text>
   <g transform="translate(80 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(5.5 24)">
-    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)" />
-    <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-    <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)" />
-    <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)" />
-    <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)" />
-    <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)" />
-    <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)" />
-    <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)" />
-    <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)" />
+    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
+    <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+    <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/>
+    <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/>
+    <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/>
+    <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/>
+    <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/>
+    <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/>
+    <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text>
   </g>
 
   <g transform="translate(125.5 24)">
-    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)" />
-    <use id="CV9_INPUT" xlink:href="#input" transform="translate(5 5)" />
-    <use id="CV10_INPUT" xlink:href="#input" transform="translate(5 40)" />
-    <use id="CV11_INPUT" xlink:href="#input" transform="translate(5 75)" />
-    <use id="CV12_INPUT" xlink:href="#input" transform="translate(5 110)" />
-    <use id="CV13_INPUT" xlink:href="#input" transform="translate(5 145)" />
-    <use id="CV14_INPUT" xlink:href="#input" transform="translate(5 180)" />
-    <use id="CV15_INPUT" xlink:href="#input" transform="translate(5 215)" />
-    <use id="CV16_INPUT" xlink:href="#input" transform="translate(5 250)" />
+    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
+    <use id="CV9_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+    <use id="CV10_INPUT" xlink:href="#input" transform="translate(5 40)"/>
+    <use id="CV11_INPUT" xlink:href="#input" transform="translate(5 75)"/>
+    <use id="CV12_INPUT" xlink:href="#input" transform="translate(5 110)"/>
+    <use id="CV13_INPUT" xlink:href="#input" transform="translate(5 145)"/>
+    <use id="CV14_INPUT" xlink:href="#input" transform="translate(5 180)"/>
+    <use id="CV15_INPUT" xlink:href="#input" transform="translate(5 215)"/>
+    <use id="CV16_INPUT" xlink:href="#input" transform="translate(5 250)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text>
   </g>
 
   <g transform="translate(0 33)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text>
-    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET1_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE1_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET1_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE1_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 68)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text>
-    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET2_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE2_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET2_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE2_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 103)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text>
-    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET3_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE3_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET3_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE3_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 138)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text>
-    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET4_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE4_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET4_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE4_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 173)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text>
-    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET5_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE5_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET5_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE5_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 208)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text>
-    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET6_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE6_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET6_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE6_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 243)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text>
-    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET7_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE7_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET7_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE7_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(0 278)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text>
-    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET8_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE8_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET8_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE8_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
 
   <g transform="translate(120 33)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">9</text>
-    <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET9_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE9_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL9_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET9_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE9_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 68)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">10</text>
-    <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET10_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE10_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL10_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET10_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE10_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 103)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">11</text>
-    <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET11_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE11_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL11_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET11_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE11_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 138)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">12</text>
-    <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET12_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE12_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL12_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET12_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE12_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 173)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">13</text>
-    <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET13_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE13_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL13_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET13_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE13_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 208)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">14</text>
-    <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET14_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE14_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL14_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET14_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE14_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 243)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">15</text>
-    <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET15_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE15_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL15_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET15_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE15_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
   <g transform="translate(120 278)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(44 8)">16</text>
-    <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET16_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE16_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL16_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET16_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE16_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
   </g>
 
   <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text>
@@ -278,16 +272,16 @@
 
   <g transform="translate(73 320)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(-4 39) rotate(-90) translate(6.5 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(10 12)" />
-    <use xlink:href="#knobguide-channels" transform="translate(-2 0)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(10 12)"/>
+    <use xlink:href="#knobguide-channels" transform="translate(-2 0)"/>
   </g>
 
   <g transform="translate(115 318)">
-    <rect width="60" height="40" rx="5" fill="#fafafa" />
-    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)" />
+    <rect width="60" height="40" rx="5" fill="#fafafa"/>
+    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text>
     <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
   </g>
diff --git a/res-src/PolyOff8-src.svg b/res-src/PolyOff8-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="120"
-  height="380"
-  viewBox="0 0 120 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="120" height="380" viewBox="0 0 120 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -35,11 +29,11 @@
       <g transform="translate(20 20)">
         <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text>
         <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-154.3) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-154.3) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-68.6) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-68.6) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(17.1) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(17.1) translate(10 0)"/>
         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text>
       </g>
     </symbol>
@@ -47,55 +41,55 @@
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 119,1 119,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 120,0 120,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="29" y="17" font-size="9pt" letter-spacing="3px">POLYOFF8</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 0)" /> -->
@@ -107,95 +101,95 @@
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(115 0)" /> -->
 
   <g transform="translate(5.5 24)">
-    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)" />
-    <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-    <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)" />
-    <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)" />
-    <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)" />
-    <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)" />
-    <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)" />
-    <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)" />
-    <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)" />
+    <rect width="34" height="289" rx="5" fill="#fafafa" transform="translate(0 0)"/>
+    <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+    <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 40)"/>
+    <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 75)"/>
+    <use id="CV4_INPUT" xlink:href="#input" transform="translate(5 110)"/>
+    <use id="CV5_INPUT" xlink:href="#input" transform="translate(5 145)"/>
+    <use id="CV6_INPUT" xlink:href="#input" transform="translate(5 180)"/>
+    <use id="CV7_INPUT" xlink:href="#input" transform="translate(5 215)"/>
+    <use id="CV8_INPUT" xlink:href="#input" transform="translate(5 250)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text>
   </g>
 
   <g transform="translate(0 33)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text>
-    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET1_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE1_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL1_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET1_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE1_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 68)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text>
-    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET2_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE2_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL2_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET2_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE2_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 103)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text>
-    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET3_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE3_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL3_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET3_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE3_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 138)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text>
-    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET4_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE4_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL4_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET4_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE4_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 173)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text>
-    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET5_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE5_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL5_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET5_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE5_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 208)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text>
-    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET6_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE6_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL6_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET6_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE6_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 243)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text>
-    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET7_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE7_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL7_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET7_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE7_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
   <g transform="translate(0 278)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text>
-    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)" />
-    <use id="OFFSET8_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)" />
-    <use id="SCALE8_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)" />
+    <use id="CHANNEL8_LIGHT" xlink:href="#light-tiny" transform="translate(46.8 10)"/>
+    <use id="OFFSET8_PARAM" xlink:href="#knob-smallest" transform="translate(62.5 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(50.5 -12)"/>
+    <use id="SCALE8_PARAM" xlink:href="#knob-smallest" transform="translate(93.5 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(81.5 -12)"/>
     <!-- <polyline points="0,0 150,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(0 8)" /> -->
   </g>
 
@@ -204,16 +198,16 @@
 
   <g transform="translate(11 320)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)" />
-    <use xlink:href="#knobguide-channels8" transform="translate(0 0)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-smallest" transform="translate(12 12)"/>
+    <use xlink:href="#knobguide-channels8" transform="translate(0 0)"/>
   </g>
 
   <g transform="translate(52 318)">
-    <rect width="60" height="40" rx="5" fill="#fafafa" />
-    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)" />
+    <rect width="60" height="40" rx="5" fill="#fafafa"/>
+    <rect width="24" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(3.5 4)"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(34.5 4)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text>
     <text font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
   </g>
diff --git a/res-src/Pressor-src.svg b/res-src/Pressor-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,32 +19,32 @@
   <defs>
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-threshold" viewBox="0 0 70px 70px">
       <g transform="translate(35 35)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
       </g>
@@ -66,18 +60,18 @@
         <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
         <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text>
         <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text>
-        <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#8734;</text>
+        <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#x221E;</text>
       </g>
     </symbol>
 
     <symbol id="knobguide-attack" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text>
         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text>
       </g>
@@ -86,11 +80,11 @@
     <symbol id="knobguide-release" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text>
         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text>
       </g>
@@ -99,13 +93,13 @@
     <symbol id="knobguide-outputgain" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text>
         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
       </g>
@@ -114,13 +108,13 @@
     <symbol id="knobguide-inputgain" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text>
         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
       </g>
@@ -129,15 +123,15 @@
     <symbol id="knobguide-detectormix" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text>
       </g>
     </symbol>
@@ -148,31 +142,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -182,66 +176,66 @@
 
     <symbol id="compression" viewBox="0 0 11px 75px">
       <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> -->
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)" />
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)"/>
     </symbol>
 
     <symbol id="guide-compression" viewBox="0 0 20px 95px">
       <g transform="translate(0 10)">
         <g transform="translate(0 0)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-5.5 2.2)">30+</text>
         </g>
         <g transform="translate(0 15)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">24</text>
         </g>
         <g transform="translate(0 30)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">18</text>
         </g>
         <g transform="translate(0 45)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12</text>
         </g>
         <g transform="translate(0 60)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text>
         </g>
         <g transform="translate(0 75)">
-          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+          <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text>
         </g>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(165 0)" /> -->
@@ -261,7 +255,7 @@
   <text class="title" x="61" y="19" font-size="12pt" letter-spacing="4px">PRESSOR</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(13 53)">
@@ -271,22 +265,22 @@
     <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
     <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 39)" /> -->
     <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text>
-    <use id="THRESHOLD_PARAM" xlink:href="#knob" transform="translate(23 0)" />
-    <use xlink:href="#knobguide-threshold" transform="translate(7 -16)" />
+    <use id="THRESHOLD_PARAM" xlink:href="#knob" transform="translate(23 0)"/>
+    <use xlink:href="#knobguide-threshold" transform="translate(7 -16)"/>
   </g>
 
   <g transform="translate(102 53)">
     <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text>
-    <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(23 0)" />
-    <use xlink:href="#knobguide-ratio" transform="translate(7 -16)" />
+    <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(23 0)"/>
+    <use xlink:href="#knobguide-ratio" transform="translate(7 -16)"/>
   </g>
 
   <g transform="translate(207 35)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text>
-    <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)" />
-    <use xlink:href="#guide-compression" transform="translate(-13 -11)" />
+    <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)"/>
+    <use xlink:href="#guide-compression" transform="translate(-13 -11)"/>
   </g>
 
   <g transform="translate(10 141)">
@@ -297,16 +291,16 @@
       <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> -->
       <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text>
-      <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
+      <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(19 0)"/>
     </g>
-    <use xlink:href="#knobguide-attack" transform="translate(21.5 -9.5)" />
+    <use xlink:href="#knobguide-attack" transform="translate(21.5 -9.5)"/>
     <g transform="translate(102 0)">
       <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> -->
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text>
-      <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
+      <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(19 0)"/>
     </g>
-    <use xlink:href="#knobguide-release" transform="translate(111.5 -9.5)" />
+    <use xlink:href="#knobguide-release" transform="translate(111.5 -9.5)"/>
   </g>
 
   <g transform="translate(10 213)">
@@ -317,23 +311,23 @@
       <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> -->
       <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text>
-      <use id="INPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
+      <use id="INPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)"/>
     </g>
-    <use xlink:href="#knobguide-inputgain" transform="translate(8.5 -9.5)" />
+    <use xlink:href="#knobguide-inputgain" transform="translate(8.5 -9.5)"/>
     <g transform="translate(60 0)">
       <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text>
-      <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
+      <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)"/>
     </g>
-    <use xlink:href="#knobguide-outputgain" transform="translate(69.5 -9.5)" />
+    <use xlink:href="#knobguide-outputgain" transform="translate(69.5 -9.5)"/>
     <g transform="translate(121 0)">
       <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->
       <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text>
-      <use id="DETECTOR_MIX_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
+      <use id="DETECTOR_MIX_PARAM" xlink:href="#knob-medium" transform="translate(19 0)"/>
     </g>
-    <use xlink:href="#knobguide-detectormix" transform="translate(130.5 -9.5)" />
+    <use xlink:href="#knobguide-detectormix" transform="translate(130.5 -9.5)"/>
   </g>
 
   <g transform="translate(199 128)">
@@ -341,82 +335,82 @@
       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 25.5) rotate(270)">MODE</text>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">COMP</text>
-      <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+      <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text>
     </g>
     <g transform="translate(0 49)">
       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 30) rotate(270)">DETECT</text>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-2 -1)">RMS</text>
-      <use id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+      <use id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text>
     </g>
     <g transform="translate(0 98)">
       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
       <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
-      <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+      <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
     </g>
   </g>
 
   <g transform="translate(0 269)">
-    <rect width="205" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
-    <rect width="137" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="171" height="47" rx="5" fill="#fafafa" transform="translate(10 44)" />
-    <rect width="10" height="10" fill="#fafafa" transform="translate(137 0)" />
-    <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)" />
+    <rect width="205" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
+    <rect width="137" height="91" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="171" height="47" rx="5" fill="#fafafa" transform="translate(10 44)"/>
+    <rect width="10" height="10" fill="#fafafa" transform="translate(137 0)"/>
+    <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)"/>
 
     <g transform="translate(10 0)">
       <g transform="translate(3 0)">
-        <use id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
       </g>
       <g transform="translate(37 0)">
-        <use id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text>
       </g>
       <g transform="translate(71 0)">
-        <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text>
       </g>
       <g transform="translate(105 0)">
-        <use id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text>
       </g>
       <g transform="translate(139 0)">
-        <use id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text>
       </g>
       <g transform="translate(173 0)">
-        <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
       </g>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(3 0)">
-        <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text>
       </g>
       <g transform="translate(37 0)">
-        <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text>
       </g>
       <g transform="translate(71 0)">
-        <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text>
       </g>
       <g transform="translate(105 0)">
-        <use id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text>
       </g>
       <g transform="translate(139 0)">
-        <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text>
       </g>
       <g transform="translate(173 0)">
-        <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text>
       </g>
     </g>
diff --git a/res-src/Pulse-src.svg b/res-src/Pulse-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,37 +19,37 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-sine" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)"/>
 
         <g transform="rotate(-140) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text>
         </g>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
@@ -65,31 +59,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -100,46 +94,46 @@
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">PULSE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -147,45 +141,45 @@
 
   <g transform="translate(0 25)">
     <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)" />
-    <use xlink:href="#knobguide-frequency-sine" transform="translate(0 -7.5)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)"/>
+    <use xlink:href="#knobguide-frequency-sine" transform="translate(0 -7.5)"/>
   </g>
 
   <g transform="translate(0 63)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/>
   </g>
 
   <g transform="translate(0 89)">
     <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -17)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(15.5 -1)">PW</text>
-    <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9.5)" />
-    <use xlink:href="#knobguide-pw" transform="translate(0 0)" />
+    <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9.5)"/>
+    <use xlink:href="#knobguide-pw" transform="translate(0 0)"/>
   </g>
 
   <g transform="translate(0 145)">
     <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -16)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(10.5 0)">PWM</text>
-    <use id="PWM_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)" />
+    <use id="PWM_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 182)">
     <!-- <rect width="45" height="10" fill="#f0f" transform="translate(0 -10)" /> -->
     <g transform="translate(5.5 0)">
-      <rect width="34" height="105" rx="5" fill="#fafafa" />
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="105" rx="5" fill="#fafafa"/>
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 98)"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text>
-      <use id="PWM_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="PWM_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(7 70)">PWM</text>
-      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 105)">SYNC</text>
     </g>
     <g transform="translate(5.5 111)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Reftone-src.svg b/res-src/Reftone-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -24,14 +18,14 @@
 
   <defs>
     <symbol id="display" viewBox="0 0 45px 34px">
-      <rect width="38" height="48" fill="#222" transform="translate(3.5 0)" />
+      <rect width="38" height="48" fill="#222" transform="translate(3.5 0)"/>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -41,13 +35,13 @@
           <text font-size="5.0pt" transform="translate(2 0) rotate(240) translate(-2.2 2.2)">C</text>
         </g>
         <g transform="rotate(-212.73) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-185.45) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(185.45) translate(-2.2 2.2)">D</text>
         </g>
         <g transform="rotate(-158.18) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-130.91) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(130.91) translate(-2.2 2.2)">E</text>
@@ -56,19 +50,19 @@
           <text font-size="5.0pt" transform="translate(2 0) rotate(103.64) translate(-2.2 2.2)">F</text>
         </g>
         <g transform="rotate(-76.36) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-49.09) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(49.09) translate(-2.2 2.2)">G</text>
         </g>
         <g transform="rotate(-21.82) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(5.45) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(-5.45) translate(-2.2 2.2)">A</text>
         </g>
         <g transform="rotate(32.73) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(-60) translate(-2.2 2.2)">B</text>
@@ -119,25 +113,25 @@
           <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
         </g>
-        <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -17.5 A 17.5 17.5 0 0 1 17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -17.5 A 17.5 17.5 0 0 0 -17.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 66)" /> -->
@@ -149,44 +143,44 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">REFTONE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
-    <use id="DISPLAY_WIDGET" xlink:href="#display" />
+    <use id="DISPLAY_WIDGET" xlink:href="#display"/>
 
     <g transform="translate(0 62)">
       <g transform="translate(0 0)">
         <text font-size="6pt" letter-spacing="2px" transform="translate(7 0)">PITCH</text>
-        <use id="PITCH_PARAM" xlink:href="#knob" transform="translate(0 0)" />
+        <use id="PITCH_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
       </g>
 
       <g transform="translate(0 54)">
         <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 0)">OCTAVE</text>
-        <use id="OCTAVE_PARAM" xlink:href="#knob" transform="translate(0 0)" />
+        <use id="OCTAVE_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
       </g>
 
       <g transform="translate(0 108)">
         <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text>
-        <use id="FINE_PARAM" xlink:href="#knob" transform="translate(0 0)" />
+        <use id="FINE_PARAM" xlink:href="#knob" transform="translate(0 0)"/>
       </g>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-pitch" transform="translate(0 80)" />
-  <use xlink:href="#knobguide-octave" transform="translate(0 134)" />
-  <use xlink:href="#knobguide-fine" transform="translate(0 188)" />
+  <use xlink:href="#knobguide-pitch" transform="translate(0 80)"/>
+  <use xlink:href="#knobguide-octave" transform="translate(0 134)"/>
+  <use xlink:href="#knobguide-fine" transform="translate(0 188)"/>
 
   <g transform="translate(0 235)">
     <g transform="translate(0 0)">
-      <rect width="34" height="75" rx="5" fill="#bbb" transform="translate(5.5 0)" />
+      <rect width="34" height="75" rx="5" fill="#bbb" transform="translate(5.5 0)"/>
       <g transform="translate(5.5 1)">
-        <use id="CV_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+        <use id="CV_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
       </g>
       <g transform="translate(5.5 39)">
-        <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 32)">SINE</text>
       </g>
     </g>
diff --git a/res-src/SampleHold-src.svg b/res-src/SampleHold-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,41 +19,41 @@
   <defs>
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">S&amp;H</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -68,36 +62,36 @@
     <!-- <polyline points="0,0 21,0" stroke-width="1" stroke="#333" transform="translate(14 -3)" /> -->
     <g transform="translate(0 5)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)" />
-        <rect width="34" height="62" rx="5" fill="#fafafa" />
-        <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)" />
-        <use id="TRIGGER1_INPUT" xlink:href="#input" transform="translate(5 26)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/>
+        <rect width="34" height="62" rx="5" fill="#fafafa"/>
+        <use id="TRIGGER1_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+        <use id="TRIGGER1_INPUT" xlink:href="#input" transform="translate(5 26)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text>
       </g>
     </g>
 
     <g transform="translate(0 65)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)" />
-        <rect width="34" height="58" rx="5" fill="#fafafa" />
-        <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/>
+        <rect width="34" height="58" rx="5" fill="#fafafa"/>
+        <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
       </g>
 
       <g transform="translate(9.5 41)">
         <text font-size="5pt" letter-spacing="1px" transform="translate(0 5.5)">TRK</text>
-        <use id="TRACK1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)" />
+        <use id="TRACK1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/>
       </g>
 
       <g transform="translate(9.5 52)">
         <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text>
-        <use id="INVERT1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)" />
+        <use id="INVERT1_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/>
       </g>
 
       <g transform="translate(5.5 64)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="35" rx="5" fill="#bbb" />
-        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="35" rx="5" fill="#bbb"/>
+        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
       </g>
     </g>
@@ -108,36 +102,36 @@
     <!-- <text font-size="6pt" letterspacing="2px" transform="translate(4.4 0)">2</text> -->
     <g transform="translate(0 5)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)" />
-        <rect width="34" height="62" rx="5" fill="#fafafa" />
-        <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)" />
-        <use id="TRIGGER2_INPUT" xlink:href="#input" transform="translate(5 26)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 58)"/>
+        <rect width="34" height="62" rx="5" fill="#fafafa"/>
+        <use id="TRIGGER2_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+        <use id="TRIGGER2_INPUT" xlink:href="#input" transform="translate(5 26)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text>
       </g>
     </g>
 
     <g transform="translate(0 65)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)" />
-        <rect width="34" height="58" rx="5" fill="#fafafa" />
-        <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 51)"/>
+        <rect width="34" height="58" rx="5" fill="#fafafa"/>
+        <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
       </g>
 
       <g transform="translate(9.5 41)">
         <text font-size="5pt" letter-spacing="1px" transform="translate(0 5.5)">TRK</text>
-        <use id="TRACK2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)" />
+        <use id="TRACK2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/>
       </g>
 
       <g transform="translate(9.5 52)">
         <text font-size="5pt" letter-spacing="1.2px" transform="translate(1 5.5)">INV</text>
-        <use id="INVERT2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)" />
+        <use id="INVERT2_PARAM" xlink:href="#button-small" transform="translate(17 -1.3)"/>
       </g>
 
       <g transform="translate(5.5 64)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="35" rx="5" fill="#bbb" />
-        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="35" rx="5" fill="#bbb"/>
+        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
       </g>
     </g>
diff --git a/res-src/Shaper-src.svg b/res-src/Shaper-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,31 +33,31 @@
           </g>
         </g>
         <g transform="rotate(-210) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(30 0)">
-          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -81,7 +75,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(30 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(30 0)">
           <g transform="translate(2 0) rotate(145.13)">
@@ -94,10 +88,10 @@
           </g>
         </g>
         <g transform="rotate(-75.68) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(30 0)">
           <g transform="translate(2 0) rotate(27.87)">
@@ -105,16 +99,16 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -126,56 +120,56 @@
 
     <symbol id="button" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="31" y="19" font-size="12pt" letter-spacing="4px">SHAPER</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(9 33)">
     <g transform="translate(0 0)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 43.5) rotate(270)">ATTACK</text>
-        <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 47)" />
+        <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 47)"/>
       </g>
       <g transform="translate(74 4)">
-        <rect width="58" height="40" rx="5" fill="#fafafa" />
-        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)" />
-        <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)" />
+        <rect width="58" height="40" rx="5" fill="#fafafa"/>
+        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/>
+        <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
       </g>
     </g>
@@ -183,13 +177,13 @@
     <g transform="translate(0 56)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 28) rotate(270)">ON</text>
-        <use id="ON_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="ON_LIGHT" xlink:href="#light" transform="translate(3 32)" />
+        <use id="ON_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="ON_LIGHT" xlink:href="#light" transform="translate(3 32)"/>
       </g>
       <g transform="translate(110 5)">
         <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">SPEED</text>
         <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
-        <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+        <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
       </g>
     </g>
@@ -197,13 +191,13 @@
     <g transform="translate(0 112)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 40.5) rotate(270)">DECAY</text>
-        <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 44)" />
+        <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 44)"/>
       </g>
       <g transform="translate(110 5)">
         <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
-        <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+        <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
       </g>
     </g>
@@ -211,12 +205,12 @@
     <g transform="translate(0 168)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 32.5) rotate(270)">OFF</text>
-        <use id="OFF_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="OFF_LIGHT" xlink:href="#light" transform="translate(3 36)" />
+        <use id="OFF_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="OFF_LIGHT" xlink:href="#light" transform="translate(3 36)"/>
       </g>
       <g transform="translate(102 4)">
-        <rect width="30" height="40" rx="5" fill="#bbb" />
-        <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+        <rect width="30" height="40" rx="5" fill="#bbb"/>
+        <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
       </g>
     </g>
@@ -224,12 +218,12 @@
     <g transform="translate(0 224)">
       <g transform="translate(75 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(48 7.1) rotate(90)">ENV</text>
-        <use id="ENV_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
+        <use id="ENV_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
       </g>
       <g transform="translate(0 4)">
-        <rect width="58" height="40" rx="5" fill="#bbb" />
-        <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)" />
-        <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />
+        <rect width="58" height="40" rx="5" fill="#bbb"/>
+        <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/>
+        <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
         <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text>
       </g>
@@ -238,24 +232,24 @@
     <g transform="translate(0 280)">
       <g transform="translate(75 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text>
-        <use id="SIGNAL_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
+        <use id="SIGNAL_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
       </g>
       <g transform="translate(0 4)">
-        <rect width="58" height="40" rx="5" fill="#fafafa" />
-        <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-        <rect width="20" height="40" fill="#bbb" transform="translate(29)" />
-        <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)" />
-        <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />
+        <rect width="58" height="40" rx="5" fill="#fafafa"/>
+        <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+        <rect width="20" height="40" fill="#bbb" transform="translate(29)"/>
+        <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/>
+        <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text>
         <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text>
       </g>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 19)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 94)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 169)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 243)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 318)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 392.5)" />
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 19)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 94)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 169)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 243)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 318)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 392.5)"/>
 </svg>
diff --git a/res-src/ShaperPlus-src.svg b/res-src/ShaperPlus-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="225"
-  height="380"
-  viewBox="0 0 225 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225" height="380" viewBox="0 0 225 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-20,0 20,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-20 0,20" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -39,31 +33,31 @@
           </g>
         </g>
         <g transform="rotate(-210) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(30 0)">
-          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -81,7 +75,7 @@
           </g>
         </g>
         <g transform="rotate(-172.92) translate(30 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-145.13) translate(30 0)">
           <g transform="translate(2 0) rotate(145.13)">
@@ -94,10 +88,10 @@
           </g>
         </g>
         <g transform="rotate(-75.68) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-50.26) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(-27.87) translate(30 0)">
           <g transform="translate(2 0) rotate(27.87)">
@@ -105,16 +99,16 @@
           </g>
         </g>
         <g transform="rotate(-7.62) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(11) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(28.33) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(44.6) translate(30 0)">
-          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="0.5" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(30 0)">
           <g transform="translate(2 0) rotate(-60)">
@@ -126,51 +120,51 @@
 
     <symbol id="button" viewBox="0 0 100px 100px">
       <g transform="translate(50.5 50.5)">
-        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="49.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="62.5" y="19" font-size="12pt" letter-spacing="4px">SHAPER+</text>
   <g transform="translate(72.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(149 26)">
-    <rect width="30" height="322" rx="5" fill="#fafafa" />
+    <rect width="30" height="322" rx="5" fill="#fafafa"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text>
   </g>
   <g transform="translate(186 26)">
-    <rect width="30" height="211" rx="5" fill="#bbb" />
+    <rect width="30" height="211" rx="5" fill="#bbb"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text>
   </g>
 
@@ -178,77 +172,77 @@
     <g transform="translate(0 0)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 43.5) rotate(270)">ATTACK</text>
-        <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 47)" />
+        <use id="ATTACK_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="ATTACK_LIGHT" xlink:href="#light" transform="translate(3 47)"/>
       </g>
       <g transform="translate(74 4)">
-        <rect width="58" height="40" rx="5" fill="#fafafa" />
-        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)" />
-        <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)" />
+        <rect width="58" height="40" rx="5" fill="#fafafa"/>
+        <use id="TRIGGER_PARAM" xlink:href="#button" transform="translate(6 6) scale(0.18)"/>
+        <use id="TRIGGER_INPUT" xlink:href="#input" transform="translate(31 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
       </g>
-      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="ATTACK_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 56)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 28) rotate(270)">ON</text>
-        <use id="ON_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="ON_LIGHT" xlink:href="#light" transform="translate(3 32)" />
+        <use id="ON_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="ON_LIGHT" xlink:href="#light" transform="translate(3 32)"/>
       </g>
       <g transform="translate(110 5)">
         <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">SPEED</text>
         <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
-        <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+        <use id="SPEED_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
       </g>
-      <use id="ON_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="ON_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="ON_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 112)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 40.5) rotate(270)">DECAY</text>
-        <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 44)" />
+        <use id="DECAY_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="DECAY_LIGHT" xlink:href="#light" transform="translate(3 44)"/>
       </g>
       <g transform="translate(110 5)">
         <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
-        <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+        <use id="LOOP_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
       </g>
-      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="DECAY_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="DECAY_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 168)">
       <g transform="translate(0 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(8 32.5) rotate(270)">OFF</text>
-        <use id="OFF_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)" />
-        <use id="OFF_LIGHT" xlink:href="#light" transform="translate(3 36)" />
+        <use id="OFF_PARAM" xlink:href="#knob" transform="translate(20 0) scale(0.38)"/>
+        <use id="OFF_LIGHT" xlink:href="#light" transform="translate(3 36)"/>
       </g>
-      <use id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)" />
-      <use id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)" />
+      <use id="OFF_INPUT" xlink:href="#input" transform="translate(143 7)"/>
+      <use id="OFF_OUTPUT" xlink:href="#output" transform="translate(180 7)"/>
     </g>
 
     <g transform="translate(0 224)">
       <g transform="translate(75 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(48 7.1) rotate(90)">ENV</text>
-        <use id="ENV_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
+        <use id="ENV_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
       </g>
       <g transform="translate(0 4)">
-        <rect width="58" height="40" rx="5" fill="#bbb" />
-        <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)" />
-        <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />
+        <rect width="58" height="40" rx="5" fill="#bbb"/>
+        <use id="ENV_OUTPUT" xlink:href="#output" transform="translate(2.5 3)"/>
+        <use id="INV_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
         <text font-size="6pt" letter-spacing="2px" transform="translate(35 36)">INV</text>
       </g>
-      <use id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)" />
+      <use id="ENV_INPUT" xlink:href="#input" transform="translate(143 7)"/>
       <g transform="translate(177 4)">
-        <rect width="30" height="40" rx="5" fill="#bbb" />
-        <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)" />
+        <rect width="30" height="40" rx="5" fill="#bbb"/>
+        <use id="TRIGGER_OUTPUT" xlink:href="#output" transform="translate(3 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
       </g>
     </g>
@@ -256,25 +250,25 @@
     <g transform="translate(0 280)">
       <g transform="translate(75 0)">
         <text font-size="8pt" letter-spacing="2px" transform="translate(48 -2.5) rotate(90)">SIGNAL</text>
-        <use id="SIGNAL_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)" />
+        <use id="SIGNAL_PARAM" xlink:href="#knob" transform="translate(-1.7 0) scale(0.38)"/>
       </g>
       <g transform="translate(0 4)">
-        <rect width="58" height="40" rx="5" fill="#fafafa" />
-        <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-        <rect width="20" height="40" fill="#bbb" transform="translate(29)" />
-        <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)" />
-        <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />
+        <rect width="58" height="40" rx="5" fill="#fafafa"/>
+        <rect width="20" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+        <rect width="20" height="40" fill="#bbb" transform="translate(29)"/>
+        <use id="SIGNAL_INPUT" xlink:href="#input" transform="translate(2.5 3)"/>
+        <use id="SIGNAL_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text>
         <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text>
       </g>
-      <use id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)" />
+      <use id="SIGNALCV_INPUT" xlink:href="#input" transform="translate(143 7)"/>
     </g>
   </g>
 
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 19)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 94)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 169)" />
-  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 243)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 318)" />
-  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 392.5)" />
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 19)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 94)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 169)"/>
+  <use xlink:href="#knobguide-exp" transform="scale(0.75) translate(14 243)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 318)"/>
+  <use xlink:href="#knobguide" transform="scale(0.75) translate(85 392.5)"/>
 </svg>
diff --git a/res-src/Sine-src.svg b/res-src/Sine-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,95 +19,95 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency-sine" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-206.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-173.33) translate(15 0)"/>
 
         <g transform="rotate(-140) translate(14 0)">
-          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,0" stroke-width="1.0" stroke="#333" transform="translate(0 0)"/>
           <text font-size="5.0pt" transform="translate(5 0) rotate(140) translate(-5.5 0)">OV</text>
         </g>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-106.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-73.33) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-6.67) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(26.67) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">SINE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -121,47 +115,47 @@
 
   <g transform="translate(0 25)">
     <!-- <polyline points="0,0 45,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)" />
-    <use xlink:href="#knobguide-frequency-sine" transform="translate(0 -7.5)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-medium" transform="translate(9.5 2)"/>
+    <use xlink:href="#knobguide-frequency-sine" transform="translate(0 -7.5)"/>
   </g>
 
   <g transform="translate(0 63)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(31 -1)"/>
   </g>
 
   <g transform="translate(0 83)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(16 0)">FM</text>
-    <use id="FM_DEPTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)" />
+    <use id="FM_DEPTH_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 125)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -14)" /> -->
     <text font-size="6pt" letter-spacing="2px" transform="translate(6 0)">PHASE</text>
-    <use id="PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)" />
+    <use id="PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9.5)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.2 -2.5)"/>
   </g>
 
   <g transform="translate(0 158)">
     <!-- <rect width="45" height="8" fill="#f0f" transform="translate(0 -8)" /> -->
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)" />
-      <rect width="34" height="140" rx="5" fill="#fafafa" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/>
+      <rect width="34" height="140" rx="5" fill="#fafafa"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3.5 35)">V/OCT</text>
-      <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="FM_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 70)">FM</text>
-      <use id="PHASE_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="PHASE_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">PHASE</text>
-      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 108)" />
+      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(5 108)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 140)">SYNC</text>
     </g>
     <g transform="translate(5.5 146)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/SixHP-src.svg b/res-src/SixHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="20" y="17" font-size="9pt" letter-spacing="3px">6HP6HP</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 </svg>
diff --git a/res-src/SixteenHP-src.svg b/res-src/SixteenHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="240"
-  height="380"
-  viewBox="0 0 240 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="240" height="380" viewBox="0 0 240 380">
   <style>
     text {
       fill: #333;
@@ -25,10 +19,10 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 239,1 239,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 239.5,0.5 239.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 240,0 240,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="60" height="20" fill="#0f0" transform="translate(180 0)" /> -->
@@ -38,6 +32,6 @@
   <text class="title" x="62" y="19" font-size="12pt" letter-spacing="4px">16HP-16HP</text>
   <g transform="translate(80 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/Slew-src.svg b/res-src/Slew-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,83 +19,83 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-time" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-2.5 2.2)">1</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2 2.2)">5</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">10</text>
       </g>
     </symbol>
 
     <symbol id="knobguide-rise-shape" viewBox="0 0 45px 45px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-15) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-15) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(10 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(10 0)"/>
 
-        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-45) translate(0 0)" />
-        <polyline points="-3.5,0 3.5,0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(-45) translate(0 0)" />
-        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(135) translate(0 0)" />
+        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-45) translate(0 0)"/>
+        <polyline points="-3.5,0 3.5,0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(-45) translate(0 0)"/>
+        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(135) translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-fall-shape" viewBox="0 0 45px 45px">
       <g transform="translate(20 20)">
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-15) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-15) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(10 0)"/>
 
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(10 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(10 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-165) translate(10 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(10 0)"/>
 
-        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-135) translate(0 0)" />
-        <polyline points="-3.5,0 3.5,0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(45) translate(0 0)" />
-        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(45) translate(0 0)" />
+        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(60) translate(13 0) rotate(-60) translate(2 0) rotate(-135) translate(0 0)"/>
+        <polyline points="-3.5,0 3.5,0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-90) translate(13 0) rotate(90) rotate(45) translate(0 0)"/>
+        <path d="M -3.5 0 Q 0 3.5, 3.5 0" stroke="#333" stroke-width="1" fill="none" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 0) rotate(45) translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,300" stroke="#0f0" stroke-width="1" fill="none" transform="translate(22.5 0)" /> -->
 
@@ -109,47 +103,47 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">SLEW</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">RISE</text>
-    <use id="RISE_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)" />
-    <use xlink:href="#knobguide-time" transform="translate(0 -1)" />
-    <use id="RISE_SHAPE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 51)" />
-    <use xlink:href="#knobguide-rise-shape" transform="translate(2.5 39)" />
+    <use id="RISE_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)"/>
+    <use xlink:href="#knobguide-time" transform="translate(0 -1)"/>
+    <use id="RISE_SHAPE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 51)"/>
+    <use xlink:href="#knobguide-rise-shape" transform="translate(2.5 39)"/>
     <g transform="translate(7.5 77)">
-      <rect width="30" height="30" rx="5" fill="#fafafa" />
-      <use id="RISE_INPUT" xlink:href="#input" transform="translate(3 3)" />
+      <rect width="30" height="30" rx="5" fill="#fafafa"/>
+      <use id="RISE_INPUT" xlink:href="#input" transform="translate(3 3)"/>
       <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> -->
     </g>
   </g>
 
   <g transform="translate(0 146)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(11 0)">FALL</text>
-    <use id="FALL_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)" />
-    <use xlink:href="#knobguide-time" transform="translate(0 -1)" />
-    <use id="FALL_SHAPE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 51)" />
-    <use xlink:href="#knobguide-fall-shape" transform="translate(2.5 39)" />
+    <use id="FALL_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)"/>
+    <use xlink:href="#knobguide-time" transform="translate(0 -1)"/>
+    <use id="FALL_SHAPE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 51)"/>
+    <use xlink:href="#knobguide-fall-shape" transform="translate(2.5 39)"/>
     <g transform="translate(7.5 77)">
-      <rect width="30" height="30" rx="5" fill="#fafafa" />
-      <use id="FALL_INPUT" xlink:href="#input" transform="translate(3 3)" />
+      <rect width="30" height="30" rx="5" fill="#fafafa"/>
+      <use id="FALL_INPUT" xlink:href="#input" transform="translate(3 3)"/>
       <!-- <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text> -->
     </g>
   </g>
 
   <g transform="translate(0 260)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Stack-src.svg b/res-src/Stack-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,17 +19,17 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-small" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -45,34 +39,34 @@
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-212.73) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-185.45) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-158.18) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-130.91) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text>
         </g>
         <g transform="rotate(-103.64) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-76.36) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-49.09) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text>
         </g>
         <g transform="rotate(-21.82) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(5.45) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(32.73) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text>
@@ -86,19 +80,19 @@
           <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text>
         </g>
         <g transform="rotate(-150) translate(11 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(11 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(10 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-60) translate(11 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(11 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(10 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text>
@@ -120,38 +114,38 @@
           <!-- <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" /> -->
           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="8" fill="#0f0" transform="translate(0 63)" /> -->
@@ -163,51 +157,51 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text>
-    <use id="SEMIS_PARAM" xlink:href="#knob" transform="translate(0 -2)" />
-    <use xlink:href="#knobguide-interval" transform="translate(0 -2)" />
+    <use id="SEMIS_PARAM" xlink:href="#knob" transform="translate(0 -2)"/>
+    <use xlink:href="#knobguide-interval" transform="translate(0 -2)"/>
   </g>
 
   <g transform="translate(0 77)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text>
-    <use id="OCTAVE_PARAM" xlink:href="#knob-small" transform="translate(0 -5)" />
-    <use xlink:href="#knobguide-octave" transform="translate(0 -5)" />
+    <use id="OCTAVE_PARAM" xlink:href="#knob-small" transform="translate(0 -5)"/>
+    <use xlink:href="#knobguide-octave" transform="translate(0 -5)"/>
   </g>
 
   <g transform="translate(0 117)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text>
-    <use id="FINE_PARAM" xlink:href="#knob-small" transform="translate(0 -5)" />
-    <use xlink:href="#knobguide-fine" transform="translate(0 -5)" />
+    <use id="FINE_PARAM" xlink:href="#knob-small" transform="translate(0 -5)"/>
+    <use xlink:href="#knobguide-fine" transform="translate(0 -5)"/>
   </g>
 
   <g transform="translate(5.5 154)">
-    <rect width="34" height="50" rx="5" fill="#fafafa" />
-    <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)" />
+    <rect width="34" height="50" rx="5" fill="#fafafa"/>
+    <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     <g transform="translate(1.5 39)">
       <text font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text>
-      <use id="QUANTIZE_PARAM" xlink:href="#button" transform="translate(22 -1)" />
+      <use id="QUANTIZE_PARAM" xlink:href="#button" transform="translate(22 -1)"/>
     </g>
   </g>
 
   <g transform="translate(0 212)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="72" rx="5" fill="#bbb" />
-      <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="72" rx="5" fill="#bbb"/>
+      <use id="THRU_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text>
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 36)" />
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 36)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Sums-src.svg b/res-src/Sums-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,61 +19,61 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">SUMS</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(7.5 18)">
-    <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)" />
-    <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)" />
-    <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)" />
-    <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)" />
+    <rect width="34" height="63.5" rx="5" fill="#fafafa" transform="translate(-2 0)"/>
+    <rect width="34" height="10" fill="#fafafa" transform="translate(-2 53.5)"/>
+    <use id="A_INPUT" xlink:href="#input" transform="translate(3 5)"/>
+    <use id="B_INPUT" xlink:href="#input" transform="translate(3 35)"/>
   </g>
   <g transform="translate(7.5 82)">
-    <rect width="34" height="163" rx="5" fill="#bbb" transform="translate(-2 0)" />
-    <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)" />
-    <use id="SUM_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+    <rect width="34" height="163" rx="5" fill="#bbb" transform="translate(-2 0)"/>
+    <rect width="34" height="10" fill="#bbb" transform="translate(-2 0)"/>
+    <use id="SUM_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(6.3 37)">SUM</text>
-    <use id="DIFFERENCE_OUTPUT" xlink:href="#output" transform="translate(3 44)" />
+    <use id="DIFFERENCE_OUTPUT" xlink:href="#output" transform="translate(3 44)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(5 77)">DIFF</text>
-    <use id="MAX_OUTPUT" xlink:href="#output" transform="translate(3 84)" />
+    <use id="MAX_OUTPUT" xlink:href="#output" transform="translate(3 84)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 117)">MAX</text>
-    <use id="MIN_OUTPUT" xlink:href="#output" transform="translate(3 124)" />
+    <use id="MIN_OUTPUT" xlink:href="#output" transform="translate(3 124)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(6.5 157)">MIN</text>
   </g>
 
   <g transform="translate(0 258)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)" />
-      <rect width="34" height="32" rx="5" fill="#fafafa" />
-      <use id="NEGATE_INPUT" xlink:href="#input" transform="translate(5 4)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 22)"/>
+      <rect width="34" height="32" rx="5" fill="#fafafa"/>
+      <use id="NEGATE_INPUT" xlink:href="#input" transform="translate(5 4)"/>
     </g>
     <g transform="translate(5.5 35)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="39" rx="5" fill="#bbb" />
-      <use id="NEGATE_OUTPUT" xlink:href="#output" transform="translate(5 2)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="39" rx="5" fill="#bbb"/>
+      <use id="NEGATE_OUTPUT" xlink:href="#output" transform="translate(5 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 34)">NEG</text>
     </g>
   </g>
diff --git a/res-src/Switch-src.svg b/res-src/Switch-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,39 +19,39 @@
   <defs>
     <symbol id="button" viewBox="0 0 18px 18px">
       <g transform="translate(9 9)">
-        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="7" fill="#0f0" transform="translate(0 80)" /> -->
@@ -68,61 +62,61 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">SWTCH</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="62" rx="5" fill="#fafafa" />
-      <use id="GATE_PARAM" xlink:href="#button" transform="translate(8 4)" />
-      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 26)" />
+      <rect width="34" height="62" rx="5" fill="#fafafa"/>
+      <use id="GATE_PARAM" xlink:href="#button" transform="translate(8 4)"/>
+      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 26)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 58)">GATE</text>
     </g>
 
     <g transform="translate(4.5 67)">
       <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LATCH</text>
-      <use id="LATCH_PARAM" xlink:href="#button-small" transform="translate(27 -1)" />
+      <use id="LATCH_PARAM" xlink:href="#button-small" transform="translate(27 -1)"/>
     </g>
 
     <g transform="translate(0 79)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="74" rx="5" fill="#fafafa" />
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)" />
-        <use id="HIGH1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="74" rx="5" fill="#fafafa"/>
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/>
+        <use id="HIGH1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text>
-        <use id="HIGH1_LIGHT" xlink:href="#light" transform="translate(2 29.3)" />
+        <use id="HIGH1_LIGHT" xlink:href="#light" transform="translate(2 29.3)"/>
       </g>
       <g transform="translate(5.5 36)">
-        <use id="LOW1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <use id="LOW1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text>
-        <use id="LOW1_LIGHT" xlink:href="#light" transform="translate(2 29.3)" />
+        <use id="LOW1_LIGHT" xlink:href="#light" transform="translate(2 29.3)"/>
       </g>
       <g transform="translate(5.5 77)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="35" rx="5" fill="#bbb" />
-        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="35" rx="5" fill="#bbb"/>
+        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
       </g>
     </g>
 
     <g transform="translate(0 196)">
       <g transform="translate(5.5 0)">
-        <rect width="34" height="74" rx="5" fill="#fafafa" />
-        <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)" />
-        <use id="HIGH2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <rect width="34" height="74" rx="5" fill="#fafafa"/>
+        <rect width="34" height="10" fill="#fafafa" transform="translate(0 64)"/>
+        <use id="HIGH2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(11.0 35)">HIGH</text>
-        <use id="HIGH2_LIGHT" xlink:href="#light" transform="translate(2 29.3)" />
+        <use id="HIGH2_LIGHT" xlink:href="#light" transform="translate(2 29.3)"/>
       </g>
       <g transform="translate(5.5 36)">
-        <use id="LOW2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+        <use id="LOW2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(11.0 35)">LOW</text>
-        <use id="LOW2_LIGHT" xlink:href="#light" transform="translate(2 29.3)" />
+        <use id="LOW2_LIGHT" xlink:href="#light" transform="translate(2 29.3)"/>
       </g>
       <g transform="translate(5.5 77)">
-        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-        <rect width="34" height="35" rx="5" fill="#bbb" />
-        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+        <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+        <rect width="34" height="35" rx="5" fill="#bbb"/>
+        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
         <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
       </g>
     </g>
diff --git a/res-src/Switch1616-src.svg b/res-src/Switch1616-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="330"
-  height="380"
-  viewBox="0 0 330 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
   <style>
     text {
       fill: #333;
@@ -25,33 +19,33 @@
   <defs>
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="95" height="20" fill="#0f0" transform="translate(235 0)" /> -->
@@ -63,64 +57,64 @@
   <text class="title" x="98.5" y="19" font-size="12pt" letter-spacing="4px">SWITCH1616</text>
   <g transform="translate(125 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
-  <rect width="56" height="302" rx="5" fill="#fafafa" transform="translate(5.5 9)" />
-  <rect width="302" height="56" rx="5" fill="#bbb" transform="translate(22.5 302)" />
-  <rect width="28" height="10" rx="5" fill="#fafafa" transform="translate(10.5 301)" />
-  <rect width="10" height="5" fill="#fafafa" transform="translate(36.5 302)" />
-  <rect width="28" height="10" rx="5" fill="#bbb" transform="translate(38.5 302)" />
+  <rect width="56" height="302" rx="5" fill="#fafafa" transform="translate(5.5 9)"/>
+  <rect width="302" height="56" rx="5" fill="#bbb" transform="translate(22.5 302)"/>
+  <rect width="28" height="10" rx="5" fill="#fafafa" transform="translate(10.5 301)"/>
+  <rect width="10" height="5" fill="#fafafa" transform="translate(36.5 302)"/>
+  <rect width="28" height="10" rx="5" fill="#bbb" transform="translate(38.5 302)"/>
 
   <g transform="translate(5.5 9)">
-    <use id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 34)" />
+    <use id="IN2_INPUT" xlink:href="#input" transform="translate(4 22)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 34)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 36.5)">2</text>
-    <use id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 70)" />
+    <use id="IN4_INPUT" xlink:href="#input" transform="translate(4 58)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 70)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 72.5)">4</text>
-    <use id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 106)" />
+    <use id="IN6_INPUT" xlink:href="#input" transform="translate(4 94)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 106)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 108.5)">6</text>
-    <use id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 142)" />
+    <use id="IN8_INPUT" xlink:href="#input" transform="translate(4 130)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 142)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 144.5)">8</text>
-    <use id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 178)" />
+    <use id="IN10_INPUT" xlink:href="#input" transform="translate(4 166)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 178)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 180.5)">10</text>
-    <use id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 214)" />
+    <use id="IN12_INPUT" xlink:href="#input" transform="translate(4 202)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 214)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 216.5)">12</text>
-    <use id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 250)" />
+    <use id="IN14_INPUT" xlink:href="#input" transform="translate(4 238)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 250)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 252.5)">14</text>
-    <use id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 286)" />
+    <use id="IN16_INPUT" xlink:href="#input" transform="translate(4 274)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(31 286)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(37 288.5)">16</text>
 
-    <use id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 16)" />
+    <use id="IN1_INPUT" xlink:href="#input" transform="translate(28 4)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 16)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(16 18.5)">1</text>
-    <use id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 52)" />
+    <use id="IN3_INPUT" xlink:href="#input" transform="translate(28 40)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 52)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(16 54.5)">3</text>
-    <use id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 88)" />
+    <use id="IN5_INPUT" xlink:href="#input" transform="translate(28 76)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 88)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(16 90.5)">5</text>
-    <use id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 124)" />
+    <use id="IN7_INPUT" xlink:href="#input" transform="translate(28 112)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 124)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(16 126.5)">7</text>
-    <use id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 160)" />
+    <use id="IN9_INPUT" xlink:href="#input" transform="translate(28 148)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 160)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(16 162.5)">9</text>
-    <use id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 196)" />
+    <use id="IN11_INPUT" xlink:href="#input" transform="translate(28 184)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 196)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(11 198.5)">11</text>
-    <use id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 232)" />
+    <use id="IN13_INPUT" xlink:href="#input" transform="translate(28 220)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 232)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(11 234.5)">13</text>
-    <use id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)" />
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 268)" />
+    <use id="IN15_INPUT" xlink:href="#input" transform="translate(28 256)"/>
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(22 268)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(11 270.5)">15</text>
 
     <!-- <polyline points="16,34 40,52" stroke="#ff0" stroke-width="1" fill="none" transform="translate(0 0)" /> -->
@@ -134,54 +128,54 @@
   </g>
 
   <g transform="translate(22.5 302)">
-    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(16 22)" />
+    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(4 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(16 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(13.7 19)">A</text>
-    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(52 22)" />
+    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(40 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(52 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(49.7 19)">C</text>
-    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(88 22)" />
+    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(76 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(88 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(85.9 19)">E</text>
-    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(124 22)" />
+    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(112 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(124 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(121.7 19)">G</text>
-    <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(160 22)" />
+    <use id="OUT9_OUTPUT" xlink:href="#output" transform="translate(148 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(160 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(159 19)">I</text>
-    <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(196 22)" />
+    <use id="OUT11_OUTPUT" xlink:href="#output" transform="translate(184 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(196 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(193.8 19)">K</text>
-    <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(232 22)" />
+    <use id="OUT13_OUTPUT" xlink:href="#output" transform="translate(220 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(232 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(229.05 19)">M</text>
-    <use id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(268 22)" />
+    <use id="OUT15_OUTPUT" xlink:href="#output" transform="translate(256 28)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(268 22)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(265.7 19)">O</text>
 
-    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(34 31)" />
+    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(22 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(34 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(32 42)">B</text>
-    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(70 31)" />
+    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(58 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(70 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(68 42)">D</text>
-    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(106 31)" />
+    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(94 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(106 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(104 42)">F</text>
-    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(142 31)" />
+    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(130 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(142 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(139.65 42)">H</text>
-    <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(178 31)" />
+    <use id="OUT10_OUTPUT" xlink:href="#output" transform="translate(166 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(178 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(176 42)">J</text>
-    <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(214 31)" />
+    <use id="OUT12_OUTPUT" xlink:href="#output" transform="translate(202 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(214 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(212 42)">L</text>
-    <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(250 31)" />
+    <use id="OUT14_OUTPUT" xlink:href="#output" transform="translate(238 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(250 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(247.6 42)">N</text>
-    <use id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)" />
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(286 31)" />
+    <use id="OUT16_OUTPUT" xlink:href="#output" transform="translate(274 4)"/>
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(286 31)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(283.8 42)">P</text>
   </g>
 
@@ -189,277 +183,277 @@
     <!-- <rect width="260" height="260" fill="#f0f" transform="translate(0 0)" /> -->
     <!-- <rect width="240" height="240" fill="#0ff" transform="translate(20 0)" /> -->
 
-    <use id="MIX_1_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_1_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_2_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_2_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_3_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_3_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_4_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_4_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_5_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_5_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_6_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_6_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_7_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_7_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_8_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_8_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_9_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_9_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_10_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_10_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_11_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_11_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_12_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_12_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_13_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_13_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_14_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_14_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_15_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_15_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)" />
-
-    <use id="MIX_16_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)" />
-    <use id="MIX_16_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)" />
+    <use id="MIX_1_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_1_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(7.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_2_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_2_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(22.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_3_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_3_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(37.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_4_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_4_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(52.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_5_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_5_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(67.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_6_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_6_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(82.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_7_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_7_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(97.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_8_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_8_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(112.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_9_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_9_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(127.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_10_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_10_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(142.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_11_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_11_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(157.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_12_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_12_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(172.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_13_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_13_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(187.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_14_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_14_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(202.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_15_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_15_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(217.5 232.5) translate(-4.5 -4.5)"/>
+
+    <use id="MIX_16_1_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 7.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_2_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 22.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_3_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 37.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_4_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 52.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_5_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 67.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_6_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 82.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_7_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 97.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_8_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 112.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_9_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 127.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_10_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 142.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_11_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 157.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_12_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 172.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_13_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 187.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_14_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 202.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_15_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 217.5) translate(-4.5 -4.5)"/>
+    <use id="MIX_16_16_PARAM" xlink:href="#button-small" transform="translate(20 0) translate(232.5 232.5) translate(-4.5 -4.5)"/>
 
     <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(7.5 0)" /> -->
     <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(20 0) translate(22.5 0)" /> -->
@@ -496,69 +490,69 @@
     <!-- <polyline points="0,0 330,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 232.5)" /> -->
 
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 10.5)">1</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 7.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 7.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 25.5)">2</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 22.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 22.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 40.5)">3</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 37.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 37.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 55.5)">4</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 52.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 52.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 70.5)">5</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 67.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 67.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 85.5)">6</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 82.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 82.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 100.5)">7</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 97.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 97.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 115.5)">8</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 112.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 112.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 130.5)">9</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 127.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 127.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 145.5)">10</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 142.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 142.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 160.5)">11</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 157.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 157.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 175.5)">12</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 172.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 172.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 190.5)">13</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 187.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 187.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 205.5)">14</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 202.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 202.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 220.5)">15</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 217.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 217.5)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(4 235.5)">16</text>
-    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 232.5)" />
+    <polyline points="0,0 3,0" stroke="#333" stroke-width="1" fill="none" transform="translate(16.5 232.5)"/>
 
     <text font-size="6pt" letter-spacing="1px" transform="translate(24.5 252)">A</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(27.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(27.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(39.9 252)">B</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(42.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(42.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(54.7 252)">C</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(57.7 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(57.7 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(69.8 252)">D</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(72.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(72.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(84.7 252)">E</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(87.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(87.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(99.8 252)">F</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(102.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(102.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(114.7 252)">G</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(117.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(117.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(129.6 252)">H</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(132.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(132.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(146.1 252)">I</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(147.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(147.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(159.8 252)">J</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(162.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(162.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(174.9 252)">K</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(177.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(177.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(190 252)">L</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(192.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(192.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(204.1 252)">M</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(207.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(207.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(219.5 252)">N</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(222.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(222.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(234.7 252)">O</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(237.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(237.5 240)"/>
     <text font-size="6pt" letter-spacing="1px" transform="translate(249.8 252)">P</text>
-    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(252.5 240)" />
+    <polyline points="0,0 0,3" stroke="#333" stroke-width="1" fill="none" transform="translate(252.5 240)"/>
   </g>
 </svg>
diff --git a/res-src/Switch44-src.svg b/res-src/Switch44-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,29 +19,29 @@
   <defs>
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="150" height="24" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="150" height="22" fill="#0f0" transform="translate(0 22)" /> -->
@@ -59,114 +53,114 @@
   <text class="title" x="19" y="19" font-size="12pt" letter-spacing="4px">SWITCH44</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(13.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1A</text>
-    <use id="MIX11_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX11_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(13.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2A</text>
-    <use id="MIX21_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX21_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(13.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3A</text>
-    <use id="MIX31_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX31_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(13.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4A</text>
-    <use id="MIX41_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX41_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
 
   <g transform="translate(45.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1B</text>
-    <use id="MIX12_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX12_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(45.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2B</text>
-    <use id="MIX22_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX22_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(45.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3B</text>
-    <use id="MIX32_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX32_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(45.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4B</text>
-    <use id="MIX42_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX42_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
 
   <g transform="translate(77.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1C</text>
-    <use id="MIX13_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX13_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(77.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2C</text>
-    <use id="MIX23_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX23_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(77.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3C</text>
-    <use id="MIX33_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX33_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(77.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4C</text>
-    <use id="MIX43_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX43_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
 
   <g transform="translate(109.5 42.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">1D</text>
-    <use id="MIX14_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX14_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(109.5 99)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">2D</text>
-    <use id="MIX24_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX24_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(109.5 155)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">3D</text>
-    <use id="MIX34_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX34_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
   <g transform="translate(109.5 211)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(7.5 6)">4D</text>
-    <use id="MIX44_PARAM" xlink:href="#button" transform="translate(3.5 16)" />
+    <use id="MIX44_PARAM" xlink:href="#button" transform="translate(3.5 16)"/>
   </g>
 
   <g transform="translate(0 269)">
-    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
-    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)" />
+    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
+    <rect width="130" height="44" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="130" height="10" fill="#fafafa" transform="translate(10 34)"/>
 
     <g transform="translate(12 0)">
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">1</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">2</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">3</text>
     </g>
     <g transform="translate(108 0)">
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(12.4 40)">4</text>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(2 0)">
-        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.2 40)">A</text>
       </g>
       <g transform="translate(34 0)">
-        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.5 40)">B</text>
       </g>
       <g transform="translate(66 0)">
-        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">C</text>
       </g>
       <g transform="translate(98 0)">
-        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(12.3 40)">D</text>
       </g>
     </g>
diff --git a/res-src/Switch88-src.svg b/res-src/Switch88-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="330"
-  height="380"
-  viewBox="0 0 330 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
   <style>
     text {
       fill: #333;
@@ -25,33 +19,33 @@
   <defs>
     <symbol id="button" viewBox="0 0 20px 20px">
       <g transform="translate(10 10)">
-        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="8.8" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(220 0)" /> -->
@@ -60,231 +54,231 @@
   <text class="title" x="109" y="19" font-size="12pt" letter-spacing="4px">SWITCH88</text>
   <g transform="translate(125 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(5.5 25)">
-    <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)" />
-    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)" />
-    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)" />
-    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)" />
-    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)" />
-    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)" />
-    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)" />
-    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)" />
+    <rect width="34" height="293" rx="5" fill="#fafafa" transform="translate(0 0)"/>
+    <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+    <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 42)"/>
+    <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 79)"/>
+    <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 116)"/>
+    <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 153)"/>
+    <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 190)"/>
+    <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 227)"/>
+    <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 264)"/>
   </g>
 
   <g transform="translate(46.5 323)">
-    <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)" />
-    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)" />
-    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)" />
-    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)" />
-    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)" />
-    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)" />
-    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)" />
-    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)" />
-    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)" />
+    <rect width="278.5" height="34" rx="5" fill="#bbb" transform="translate(0 0)"/>
+    <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 5)"/>
+    <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(40 5)"/>
+    <use id="OUT3_OUTPUT" xlink:href="#output" transform="translate(75 5)"/>
+    <use id="OUT4_OUTPUT" xlink:href="#output" transform="translate(110 5)"/>
+    <use id="OUT5_OUTPUT" xlink:href="#output" transform="translate(145 5)"/>
+    <use id="OUT6_OUTPUT" xlink:href="#output" transform="translate(180 5)"/>
+    <use id="OUT7_OUTPUT" xlink:href="#output" transform="translate(215 5)"/>
+    <use id="OUT8_OUTPUT" xlink:href="#output" transform="translate(250 5)"/>
   </g>
 
   <g transform="translate(50 24)">
-    <use id="MIX11_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX11_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 61)">
-    <use id="MIX21_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX21_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 98)">
-    <use id="MIX31_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX31_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 135)">
-    <use id="MIX41_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX41_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 172)">
-    <use id="MIX51_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX51_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 209)">
-    <use id="MIX61_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX61_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 246)">
-    <use id="MIX71_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX71_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(50 283)">
-    <use id="MIX81_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX81_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(85 24)">
-    <use id="MIX12_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX12_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 61)">
-    <use id="MIX22_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX22_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 98)">
-    <use id="MIX32_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX32_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 135)">
-    <use id="MIX42_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX42_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 172)">
-    <use id="MIX52_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX52_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 209)">
-    <use id="MIX62_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX62_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 246)">
-    <use id="MIX72_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX72_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(85 283)">
-    <use id="MIX82_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX82_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(120 24)">
-    <use id="MIX13_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX13_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 61)">
-    <use id="MIX23_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX23_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 98)">
-    <use id="MIX33_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX33_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 135)">
-    <use id="MIX43_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX43_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 172)">
-    <use id="MIX53_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX53_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 209)">
-    <use id="MIX63_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX63_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 246)">
-    <use id="MIX73_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX73_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(120 283)">
-    <use id="MIX83_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX83_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(155 24)">
-    <use id="MIX14_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX14_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 61)">
-    <use id="MIX24_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX24_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 98)">
-    <use id="MIX34_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX34_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 135)">
-    <use id="MIX44_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX44_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 172)">
-    <use id="MIX54_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX54_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 209)">
-    <use id="MIX64_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX64_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 246)">
-    <use id="MIX74_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX74_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(155 283)">
-    <use id="MIX84_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX84_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(190 24)">
-    <use id="MIX15_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX15_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 61)">
-    <use id="MIX25_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX25_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 98)">
-    <use id="MIX35_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX35_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 135)">
-    <use id="MIX45_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX45_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 172)">
-    <use id="MIX55_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX55_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 209)">
-    <use id="MIX65_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX65_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 246)">
-    <use id="MIX75_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX75_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(190 283)">
-    <use id="MIX85_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX85_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(225 24)">
-    <use id="MIX16_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX16_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 61)">
-    <use id="MIX26_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX26_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 98)">
-    <use id="MIX36_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX36_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 135)">
-    <use id="MIX46_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX46_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 172)">
-    <use id="MIX56_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX56_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 209)">
-    <use id="MIX66_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX66_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 246)">
-    <use id="MIX76_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX76_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(225 283)">
-    <use id="MIX86_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX86_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(260 24)">
-    <use id="MIX17_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX17_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 61)">
-    <use id="MIX27_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX27_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 98)">
-    <use id="MIX37_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX37_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 135)">
-    <use id="MIX47_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX47_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 172)">
-    <use id="MIX57_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX57_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 209)">
-    <use id="MIX67_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX67_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 246)">
-    <use id="MIX77_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX77_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(260 283)">
-    <use id="MIX87_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX87_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
   <g transform="translate(295 24)">
-    <use id="MIX18_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX18_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 61)">
-    <use id="MIX28_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX28_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 98)">
-    <use id="MIX38_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX38_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 135)">
-    <use id="MIX48_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX48_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 172)">
-    <use id="MIX58_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX58_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 209)">
-    <use id="MIX68_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX68_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 246)">
-    <use id="MIX78_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX78_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
   <g transform="translate(295 283)">
-    <use id="MIX88_PARAM" xlink:href="#button" transform="translate(3.5 8)" />
+    <use id="MIX88_PARAM" xlink:href="#button" transform="translate(3.5 8)"/>
   </g>
 
 
diff --git a/res-src/TenHP-src.svg b/res-src/TenHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="22" y="19" font-size="12pt" letter-spacing="4px">10HP10HP</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/Test-src.svg b/res-src/Test-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -37,31 +31,31 @@
           <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text>
@@ -71,23 +65,23 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -98,60 +92,60 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">test</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 10)">
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1</text> -->
-    <use id="PARAM1_PARAM" xlink:href="#knob" transform="translate(0 -6)" />
-    <use xlink:href="#knobguide" transform="translate(0 -6)" />
+    <use id="PARAM1_PARAM" xlink:href="#knob" transform="translate(0 -6)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -6)"/>
   </g>
   <g transform="translate(0 50)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 95)">
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2</text> -->
-    <use id="PARAM2_PARAM" xlink:href="#knob" transform="translate(0 -6)" />
-    <use xlink:href="#knobguide" transform="translate(0 -6)" />
+    <use id="PARAM2_PARAM" xlink:href="#knob" transform="translate(0 -6)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -6)"/>
   </g>
   <g transform="translate(0 135)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 180)">
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3</text> -->
-    <use id="PARAM3_PARAM" xlink:href="#knob" transform="translate(0 -6)" />
-    <use xlink:href="#knobguide" transform="translate(0 -6)" />
+    <use id="PARAM3_PARAM" xlink:href="#knob" transform="translate(0 -6)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -6)"/>
   </g>
   <g transform="translate(0 220)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV3_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 265)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Test2-src.svg b/res-src/Test2-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="90"
-  height="380"
-  viewBox="0 0 90 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="90" height="380" viewBox="0 0 90 380">
   <style>
     text {
       fill: #333;
@@ -25,9 +19,9 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
@@ -37,31 +31,31 @@
           <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text>
@@ -71,117 +65,117 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 89,1 89,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 89.5,0.5 89.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 90,0 90,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="30" y="17" font-size="9pt" letter-spacing="3px">TEST2</text>
   <g transform="translate(5.5 374)">
     <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)" />
+    <rect width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
   </g>
 
   <g transform="translate(0 30)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text>
-    <use id="PARAM1A_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM1A_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(0 75)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV1A_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV1A_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 130)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2A</text>
-    <use id="PARAM2A_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM2A_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(0 175)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV2A_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV2A_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 230)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3A</text>
-    <use id="PARAM3A_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM3A_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(0 275)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV3A_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV3A_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(45 30)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1B</text>
-    <use id="PARAM1B_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM1B_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(45 75)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV1B_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV1B_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(45 130)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2B</text>
-    <use id="PARAM2B_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM2B_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(45 175)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV2B_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV2B_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(45 230)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3B</text>
-    <use id="PARAM3B_PARAM" xlink:href="#knob" transform="translate(0 -1)" />
-    <use xlink:href="#knobguide" transform="translate(0 -1)" />
+    <use id="PARAM3B_PARAM" xlink:href="#knob" transform="translate(0 -1)"/>
+    <use xlink:href="#knobguide" transform="translate(0 -1)"/>
   </g>
   <g transform="translate(45 275)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="CV3B_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="CV3B_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(5.5 320)">
     <g transform="translate(0 0)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(45 0)">
-      <rect width="34" height="38" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text>
     </g>
   </g>
diff --git a/res-src/TestExpanderBase-src.svg b/res-src/TestExpanderBase-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,52 +19,52 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">TEB</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 245)">
-    <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)" />
+    <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text>
   </g>
 
   <g transform="translate(0 260)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)" />
-      <rect width="34" height="35" rx="5" fill="#fafafa" />
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 28)"/>
+      <rect width="34" height="35" rx="5" fill="#fafafa"/>
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text>
     </g>
     <g transform="translate(5.5 41)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/TestExpanderExtension-src.svg b/res-src/TestExpanderExtension-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,38 +19,38 @@
   <defs>
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">TEE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 280)">
-    <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)" />
+    <use id="COM_LIGHT" xlink:href="#light-small" transform="translate(10 0.5)"/>
     <text font-size="5pt" letter-spacing="1px" transform="translate(19 6)">COM</text>
   </g>
 
   <g transform="translate(0 260)">
     <g transform="translate(5.5 41)">
       <rect width="34" height="38" rx="5" fill="#bbb" transform="translate(0 -3)"/>
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/TestVCF-src.svg b/res-src/TestVCF-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="180"
-  height="380"
-  viewBox="0 0 180 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
   <style>
     text {
       fill: #333;
@@ -25,106 +19,106 @@
   <defs>
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-cutoff" viewBox="0 0 50px 50px">
       <g transform="translate(25 25)">
         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)" />
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-resonance" viewBox="0 0 50px 50px">
       <g transform="translate(25 25)">
         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)" />
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">VCF</text>
   <g transform="translate(50 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(20 50)">
     <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(9 45) rotate(270)">CUTOFF</text>
-    <use id="CUTOFF_PARAM" xlink:href="#knob" transform="translate(20 0)" />
-    <use xlink:href="#knobguide-cutoff" transform="translate(14 -6)" />
+    <use id="CUTOFF_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
+    <use xlink:href="#knobguide-cutoff" transform="translate(14 -6)"/>
   </g>
 
   <g transform="translate(20 120)">
     <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
     <text font-size="8pt" letter-spacing="1px" transform="translate(9 45) rotate(270)">RES/BW</text>
-    <use id="Q_PARAM" xlink:href="#knob" transform="translate(20 0)" />
-    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)" />
+    <use id="Q_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
+    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)"/>
   </g>
 
   <g transform="translate(20 190)">
     <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
     <text font-size="8pt" letter-spacing="1px" transform="translate(9 39) rotate(270)">DRIVE</text>
-    <use id="DRIVE_PARAM" xlink:href="#knob" transform="translate(20 0)" />
-    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)" />
+    <use id="DRIVE_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
+    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)"/>
   </g>
 
   <g transform="translate(20 260)">
     <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
     <text font-size="8pt" letter-spacing="1px" transform="translate(9 36) rotate(270)">TOPO</text>
-    <use id="TOPOLOGY_PARAM" xlink:href="#knob" transform="translate(20 0)" />
-    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)" />
+    <use id="TOPOLOGY_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
+    <use xlink:href="#knobguide-resonance" transform="translate(14 -6)"/>
   </g>
 
   <g transform="translate(110 48)">
@@ -132,22 +126,22 @@
     <text font-size="8pt" letter-spacing="1px" transform="translate(9 40) rotate(270)">MODE</text>
     <g transform="translate(20 0)">
       <g transform="translate(0 10)">
-        <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="LOWPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">LP</text>
       </g>
       <g transform="translate(21 10)">
-        <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="HIGHPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">HP</text>
       </g>
       <g transform="translate(0 20)">
-        <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="BANDPASS_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BP</text>
       </g>
       <g transform="translate(21 20)">
-        <use id="BAND_REJECT_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="BAND_REJECT_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">BR</text>
       </g>
-      <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(15 29)" />
+      <use id="MODE_PARAM" xlink:href="#button-small" transform="translate(15 29)"/>
     </g>
   </g>
 
@@ -156,40 +150,40 @@
     <text font-size="8pt" letter-spacing="1px" transform="translate(9 40) rotate(270)">POLES</text>
     <g transform="translate(20 0)">
       <g transform="translate(0 10)">
-        <use id="POLES_2_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_2_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">2</text>
       </g>
       <g transform="translate(21 10)">
-        <use id="POLES_4_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_4_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">4</text>
       </g>
       <g transform="translate(0 20)">
-        <use id="POLES_6_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_6_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">6</text>
       </g>
       <g transform="translate(21 20)">
-        <use id="POLES_8_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_8_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">8</text>
       </g>
       <g transform="translate(0 30)">
-        <use id="POLES_10_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_10_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">10</text>
       </g>
       <g transform="translate(21 30)">
-        <use id="POLES_12_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />
+        <use id="POLES_12_LIGHT" xlink:href="#light-small" transform="translate(0 0)"/>
         <text font-size="5pt" letter-spacing="1px" transform="translate(8 5.7)">12</text>
       </g>
-      <use id="POLES_PARAM" xlink:href="#button-small" transform="translate(15 39)" />
+      <use id="POLES_PARAM" xlink:href="#button-small" transform="translate(15 39)"/>
     </g>
   </g>
 
   <g transform="translate(45 315)">
-    <rect width="58" height="40" rx="5" fill="#fafafa" />
-    <rect width="50" height="40" rx="5" fill="#bbb" transform="translate(38)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(29)" />
-    <use id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)" />
-    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)" />
-    <use id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)" />
+    <rect width="58" height="40" rx="5" fill="#fafafa"/>
+    <rect width="50" height="40" rx="5" fill="#bbb" transform="translate(38)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(29)"/>
+    <use id="IN_INPUT" xlink:href="#input" transform="translate(2.5 3)"/>
+    <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(31.5 3)"/>
+    <use id="OUT_B_OUTPUT" xlink:href="#output" transform="translate(60.5 3)"/>
     <text font-size="6pt" letter-spacing="2px" transform="translate(10 36)">IN</text>
     <text font-size="6pt" letter-spacing="2px" transform="translate(33 36)">OUT</text>
     <text font-size="6pt" letter-spacing="2px" transform="translate(70.5 36)">B</text>
diff --git a/res-src/ThirteenHP-src.svg b/res-src/ThirteenHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="195"
-  height="380"
-  viewBox="0 0 195 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="195" height="380" viewBox="0 0 195 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 194,1 194,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 195,0 195,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 194,1 194,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 194.5,0.5 194.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 195,0 195,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="39" y="19" font-size="12pt" letter-spacing="4px">13HP-13HP</text>
   <g transform="translate(58 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/ThirtyHP-src.svg b/res-src/ThirtyHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="450"
-  height="380"
-  viewBox="0 0 450 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="450" height="380" viewBox="0 0 450 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 449,1 449,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 450,0 450,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 449,1 449,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 449.5,0.5 449.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 450,0 450,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="47" y="19" font-size="12pt" letter-spacing="4px">THIRTY(30) HP - THIRTY(30) HP</text>
   <g transform="translate(185 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/ThreeHP-src.svg b/res-src/ThreeHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,16 +19,16 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">3HP</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 </svg>
diff --git a/res-src/TwelveHP-src.svg b/res-src/TwelveHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="180"
-  height="380"
-  viewBox="0 0 180 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="180" height="380" viewBox="0 0 180 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="32" y="19" font-size="12pt" letter-spacing="4px">12HP-12HP</text>
   <g transform="translate(50 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/TwentyFiveHP-src.svg b/res-src/TwentyFiveHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="375"
-  height="380"
-  viewBox="0 0 375 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="375" height="380" viewBox="0 0 375 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 374,1 374,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 375,0 375,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 374,1 374,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 374.5,0.5 374.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 375,0 375,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="58" y="19" font-size="12pt" letter-spacing="4px">25HP-25HP-25HP-25HP</text>
   <g transform="translate(148 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/TwentyHP-src.svg b/res-src/TwentyHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="300"
-  height="380"
-  viewBox="0 0 300 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="55" y="19" font-size="12pt" letter-spacing="4px">20HP-20HP-20HP</text>
   <g transform="translate(110 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/TwentyTwoHP-src.svg b/res-src/TwentyTwoHP-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="330"
-  height="380"
-  viewBox="0 0 330 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="330" height="380" viewBox="0 0 330 380">
   <style>
     text {
       fill: #333;
@@ -25,14 +19,14 @@
   <defs>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">22HP-22HP-22HP</text>
   <g transform="translate(125 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 </svg>
diff --git a/res-src/UMix-src.svg b/res-src/UMix-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,29 +19,29 @@
   <defs>
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">UMIX</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -55,21 +49,21 @@
 
   <g transform="translate(0 18)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)" />
-      <rect width="34" height="293" rx="5" fill="#fafafa" />
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)" />
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 40.5)" />
-      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 76)" />
-      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 111.5)" />
-      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 147)" />
-      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 182.5)" />
-      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 218)" />
-      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 252.5)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 283)"/>
+      <rect width="34" height="293" rx="5" fill="#fafafa"/>
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 5)"/>
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 40.5)"/>
+      <use id="IN3_INPUT" xlink:href="#input" transform="translate(5 76)"/>
+      <use id="IN4_INPUT" xlink:href="#input" transform="translate(5 111.5)"/>
+      <use id="IN5_INPUT" xlink:href="#input" transform="translate(5 147)"/>
+      <use id="IN6_INPUT" xlink:href="#input" transform="translate(5 182.5)"/>
+      <use id="IN7_INPUT" xlink:href="#input" transform="translate(5 218)"/>
+      <use id="IN8_INPUT" xlink:href="#input" transform="translate(5 252.5)"/>
     </g>
     <g transform="translate(5.5 283)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="38" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="38" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 1)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.5 33)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Unison-src.svg b/res-src/Unison-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,32 +19,32 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-channels" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-220) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-200) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-160) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-140) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-80) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-40) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(20) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(40) translate(15 0)"/>
 
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text>
       </g>
@@ -59,79 +53,79 @@
     <symbol id="knobguide-detune" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">50</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">UNISON</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
-    <use id="CHANNELS_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)" />
-    <use xlink:href="#knobguide-channels" transform="translate(0 -1)" />
+    <use id="CHANNELS_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)"/>
+    <use xlink:href="#knobguide-channels" transform="translate(0 -1)"/>
   </g>
 
   <g transform="translate(0 80)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 0)">DETUNE</text>
-    <use id="DETUNE_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)" />
-    <use xlink:href="#knobguide-detune" transform="translate(0 -1)" />
+    <use id="DETUNE_PARAM" xlink:href="#knob-medium" transform="translate(9.5 9)"/>
+    <use xlink:href="#knobguide-detune" transform="translate(0 -1)"/>
     <g transform="translate(5.5 44)">
-      <rect width="34" height="39" rx="5" fill="#fafafa" />
-      <use id="DETUNE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="39" rx="5" fill="#fafafa"/>
+      <use id="DETUNE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 171)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
-      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="GATE_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="PITCH_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text>
-      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="GATE_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
     </g>
   </g>
diff --git a/res-src/VCA-src.svg b/res-src/VCA-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,53 +19,53 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="button" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -82,59 +76,59 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">VCA</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <!-- <rect width="45" height="18" fill="#0f0" transform="translate(0 0)" /> -->
 
   <g transform="translate(0 19)">
-    <use id="LEVEL1_PARAM" xlink:href="#knob" transform="translate(0 -6)" />
-    <use xlink:href="#knobguide-linear" transform="translate(0 -6)" />
+    <use id="LEVEL1_PARAM" xlink:href="#knob" transform="translate(0 -6)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(0 -6)"/>
   </g>
 
   <g transform="translate(0 57)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="CV1_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
-      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="IN1_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT1_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(0 178)">
-    <use id="LEVEL2_PARAM" xlink:href="#knob" transform="translate(0 -6)" />
-    <use xlink:href="#knobguide-linear" transform="translate(0 -6)" />
+    <use id="LEVEL2_PARAM" xlink:href="#knob" transform="translate(0 -6)"/>
+    <use xlink:href="#knobguide-linear" transform="translate(0 -6)"/>
   </g>
 
   <g transform="translate(0 216)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="CV2_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text>
-      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="IN2_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT2_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
 
   <g transform="translate(10.5 334)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text>
-    <use id="LINEAR_PARAM" xlink:href="#button" transform="translate(15 -1)" />
+    <use id="LINEAR_PARAM" xlink:href="#button" transform="translate(15 -1)"/>
   </g>
   <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(36.5 0)" /> -->
   <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(8.5 0)" /> -->
diff --git a/res-src/VCAmp-src.svg b/res-src/VCAmp-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -24,48 +18,48 @@
 
   <defs>
     <symbol id="slider" viewBox="0 0 18px 183px">
-      <rect width="6" height="177" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222" />
+      <rect width="6" height="177" x="6" y="3" rx="2" stroke-width="1" stroke="#888" fill="#222"/>
       <g transform="translate(0 85)">
-        <rect width="18" height="13" rx="1.5" fill="#777" />
-        <rect width="18" height="9" x="0" y="2" fill="#444" />
-        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none" />
-        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)" />
+        <rect width="18" height="13" rx="1.5" fill="#777"/>
+        <rect width="18" height="9" x="0" y="2" fill="#444"/>
+        <polyline points="0,6.5 18,6.5" stroke="#fafafa" stroke-width="1" fill="none"/>
+        <rect width="14" height="5" x="2" y="4" rx="1.0" fill="#ddd" transform="translate(0 0)"/>
       </g>
     </symbol>
 
     <symbol id="sliderguide-db" viewBox="0 0 20px 183px">
       <g transform="translate(0 6.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
       </g>
       <g transform="translate(0 20.67)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">6</text>
       </g>
       <g transform="translate(0 34.83)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 49)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 63.17)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 91.5)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 148.17)">
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)" />
-        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)" />
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(10.5 0)"/>
+        <polyline points="0,0 6.5,0" stroke="#333" fill="none" transform="translate(28 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 170)">
@@ -75,23 +69,23 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -102,28 +96,28 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">VCAMP</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
-    <use xlink:href="#sliderguide-db" transform="translate(0 0)" />
-    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(13.5 0)" />
+    <use xlink:href="#sliderguide-db" transform="translate(0 0)"/>
+    <use id="LEVEL_PARAM" xlink:href="#slider" transform="translate(13.5 0)"/>
   </g>
 
   <g transform="translate(0 210)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="CV_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
-      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="IN_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(12.5 70)">IN</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/VCF-src.svg b/res-src/VCF-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,86 +19,86 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency" viewBox="0 0 150px 108px">
       <g transform="translate(75 54)">
         <g transform="rotate(-240) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-2 3)">0</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-225) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-225) translate(37 0)"/>
 
         <g transform="rotate(-218.8) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(218.8) translate(-12.5 3.5)">100</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-206.5) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-206.5) translate(37 0)"/>
 
         <g transform="rotate(-192.6) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(192.6) translate(-11.5 3)">500</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-181.9) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-181.9) translate(37 0)"/>
 
         <g transform="rotate(-172.2) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(172.2) translate(-7.5 3)">1K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-151.3) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-151.3) translate(37 0)"/>
 
         <g transform="rotate(-133.9) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(133.9) translate(-16 3)">2.5K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-110.1) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-110.1) translate(37 0)"/>
 
         <g transform="rotate(-90) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-6 4)">5K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-41.6) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-41.6) translate(37 0)"/>
 
         <g transform="rotate(-56.3) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(56.3) translate(-3.5 3)">7.5K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-72.3) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-72.3) translate(37 0)"/>
 
         <g transform="rotate(-27.9) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(27.9) translate(-5 5)">10K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-2.9) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-2.9) translate(37 0)"/>
 
         <g transform="rotate(19.8) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-19.8) translate(-5 2)">15K</text>
         </g>
-        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(40.6) translate(37 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(40.6) translate(37 0)"/>
 
         <g transform="rotate(60) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.5 3)">20K</text>
         </g>
 
@@ -115,115 +109,115 @@
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-linear-38" viewBox="0 0 50px 50px">
       <g transform="translate(25 25)">
         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)" />
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-slope" viewBox="0 0 50px 60px">
       <g transform="translate(25 30)">
         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text>
-        <polyline points="0,0 2,0" stroke-width="0.5" stroke="#333" transform="rotate(-176) translate(22 0)" />
+        <polyline points="0,0 2,0" stroke-width="0.5" stroke="#333" transform="rotate(-176) translate(22 0)"/>
         <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-112.1) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-112.1) translate(22 0)"/>
         <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-59.1) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-37.7) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-18.4) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-59.1) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-37.7) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-18.4) translate(22 0)"/>
         <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(15.8) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(31.4) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(46) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(15.8) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(31.4) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(46) translate(22 0)"/>
         <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text>
       </g>
     </symbol>
 
     <symbol id="knobguide-mode" viewBox="0 0 60px 60px">
       <g transform="translate(30 30)">
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-67.5) translate(11 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-67.5) translate(11 0)"/>
         <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text>
 
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-22.5) translate(11 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-22.5) translate(11 0)"/>
         <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text>
 
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(22.5) translate(11 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(22.5) translate(11 0)"/>
         <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text>
 
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(67.5) translate(11 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(67.5) translate(11 0)"/>
         <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="light-tiny" viewBox="0 0 1.1px 1.1px">
-      <rect width="3.2" height="3.2" fill="#0f0" />
+      <rect width="3.2" height="3.2" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 179,1 179,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 179.5,0.5 179.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 180,0 180,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <text class="title" x="54.5" y="19" font-size="12pt" letter-spacing="4px">VCF</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(75 0)" /> -->
@@ -231,81 +225,81 @@
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(143 0)" /> -->
 
   <g transform="translate(21 25)">
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
-    <use xlink:href="#knobguide-frequency" transform="translate(-21 0)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
+    <use xlink:href="#knobguide-frequency" transform="translate(-21 0)"/>
   </g>
 
   <g transform="translate(25 126)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text>
-    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(8 0)" />
+    <use id="FREQUENCY_CV_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(8 0)"/>
   </g>
 
   <g transform="translate(82 126)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text>
-    <use id="FM_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(8 0)" />
+    <use id="FM_PARAM" xlink:href="#knob-smallest" transform="translate(20 12)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(8 0)"/>
   </g>
 
   <g transform="translate(54 165)">
     <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text>
-    <use id="MODE_PARAM" xlink:href="#knob-smallest" transform="translate(13 11)" />
-    <use xlink:href="#knobguide-mode" transform="translate(-9 -11)" />
+    <use id="MODE_PARAM" xlink:href="#knob-smallest" transform="translate(13 11)"/>
+    <use xlink:href="#knobguide-mode" transform="translate(-9 -11)"/>
   </g>
 
   <g transform="translate(2 220)">
     <!-- <rect width="75" height="54" fill="#ff0" transform="translate(1 -9)" /> -->
     <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text>
-    <use id="Q_PARAM" xlink:href="#knob" transform="translate(24.5 0)" />
-    <use xlink:href="#knobguide-linear-38" transform="translate(18.5 -6)" />
+    <use id="Q_PARAM" xlink:href="#knob" transform="translate(24.5 0)"/>
+    <use xlink:href="#knobguide-linear-38" transform="translate(18.5 -6)"/>
   </g>
 
   <g transform="translate(73 220)">
     <!-- <rect width="75" height="54" fill="#ff0" transform="translate(0 -9)" /> -->
     <!-- <rect width="64" height="54" fill="#f0f" transform="translate(5.5 -9)" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text>
-    <use id="SLOPE_PARAM" xlink:href="#knob" transform="translate(24.5 0)" />
-    <use xlink:href="#knobguide-slope" transform="translate(18.5 -11)" />
+    <use id="SLOPE_PARAM" xlink:href="#knob" transform="translate(24.5 0)"/>
+    <use xlink:href="#knobguide-slope" transform="translate(18.5 -11)"/>
   </g>
 
   <g transform="translate(0 269)">
-    <rect width="130" height="47" rx="5" fill="#bbb" transform="translate(10 44)" />
-    <rect width="98" height="44" rx="5" fill="#fafafa" transform="translate(26 0)" />
-    <rect width="98" height="10" fill="#fafafa" transform="translate(26 34)" />
-    <rect width="97" height="47" rx="5" fill="#fafafa" transform="translate(10 44)" />
-    <rect width="10" height="47" fill="#fafafa" transform="translate(97 44)" />
+    <rect width="130" height="47" rx="5" fill="#bbb" transform="translate(10 44)"/>
+    <rect width="98" height="44" rx="5" fill="#fafafa" transform="translate(26 0)"/>
+    <rect width="98" height="10" fill="#fafafa" transform="translate(26 34)"/>
+    <rect width="97" height="47" rx="5" fill="#fafafa" transform="translate(10 44)"/>
+    <rect width="10" height="47" fill="#fafafa" transform="translate(97 44)"/>
 
     <g transform="translate(16 0)">
       <g transform="translate(12 0)">
-        <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="FREQUENCY_CV_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text>
       </g>
       <g transform="translate(44 0)">
-        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
       </g>
       <g transform="translate(76 0)">
-        <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text>
       </g>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(2 0)">
-        <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="IN_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text>
       </g>
       <g transform="translate(34 0)">
-        <use id="Q_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="Q_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text>
       </g>
       <g transform="translate(66 0)">
-        <use id="SLOPE_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="SLOPE_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text>
       </g>
       <g transform="translate(98 0)">
-        <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text>
       </g>
     </g>
diff --git a/res-src/VCM-src.svg b/res-src/VCM-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,53 +19,53 @@
   <defs>
     <symbol id="knob" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide" viewBox="0 0 60px 60px">
       <g transform="translate(30 30)">
         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.3 2.5)">0</text>
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(22 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(22 0)" />
-        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(22 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(22 0)"/>
+        <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> -->
@@ -84,102 +78,102 @@
   <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCM</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(0 32)">
     <g transform="translate(10 1)">
-      <rect width="63" height="43" rx="5" fill="#fafafa" />
+      <rect width="63" height="43" rx="5" fill="#fafafa"/>
       <g transform="translate(1 0)">
-        <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="IN1_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text>
       </g>
       <g transform="translate(32 0)">
-        <use id="CV1_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="CV1_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text>
       </g>
     </g>
     <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> -->
-    <use id="LEVEL1_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)" />
-    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)" />
+    <use id="LEVEL1_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)"/>
+    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH1</text>
   </g>
 
   <g transform="translate(0 96)">
     <g transform="translate(10 1)">
-      <rect width="63" height="43" rx="5" fill="#fafafa" />
+      <rect width="63" height="43" rx="5" fill="#fafafa"/>
       <g transform="translate(1 0)">
-        <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="IN2_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text>
       </g>
       <g transform="translate(32 0)">
-        <use id="CV2_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="CV2_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text>
       </g>
     </g>
     <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> -->
-    <use id="LEVEL2_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)" />
-    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)" />
+    <use id="LEVEL2_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)"/>
+    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH2</text>
   </g>
 
   <g transform="translate(0 160)">
     <g transform="translate(10 1)">
-      <rect width="63" height="43" rx="5" fill="#fafafa" />
+      <rect width="63" height="43" rx="5" fill="#fafafa"/>
       <g transform="translate(1 0)">
-        <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="IN3_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text>
       </g>
       <g transform="translate(32 0)">
-        <use id="CV3_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="CV3_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text>
       </g>
     </g>
     <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> -->
-    <use id="LEVEL3_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)" />
-    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)" />
+    <use id="LEVEL3_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)"/>
+    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH3</text>
   </g>
 
   <g transform="translate(0 225)">
     <g transform="translate(10 1)">
-      <rect width="63" height="43" rx="5" fill="#fafafa" />
+      <rect width="63" height="43" rx="5" fill="#fafafa"/>
       <g transform="translate(1 0)">
-        <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="IN4_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(10 39)">IN</text>
       </g>
       <g transform="translate(32 0)">
-        <use id="CV4_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="CV4_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text>
       </g>
     </g>
     <!-- <polyline points="0,0 150,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 22.5)" /> -->
-    <use id="LEVEL4_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)" />
-    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)" />
+    <use id="LEVEL4_PARAM" xlink:href="#knob" transform="translate(88.5 2.5)"/>
+    <use xlink:href="#knobguide" transform="translate(78.5 -7.5)"/>
     <text font-size="5pt" letter-spacing="2px" transform="translate(139 13.8) rotate(90)">CH4</text>
   </g>
 
   <g transform="translate(0 290)">
     <text font-size="5pt" letter-spacing="2px" transform="translate(11 30.5) rotate(-90)">MIX</text>
-    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(21.5 2.5)" />
-    <use xlink:href="#knobguide" transform="translate(11.5 -7.5)" />
+    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(21.5 2.5)"/>
+    <use xlink:href="#knobguide" transform="translate(11.5 -7.5)"/>
     <g transform="translate(77 0)">
-      <rect width="63" height="43" rx="5" fill="#bbb" />
-      <rect width="31.5" height="43" rx="5" fill="#fafafa" />
-      <rect width="5" height="43" fill="#fafafa" transform="translate(26.5 0)" />
+      <rect width="63" height="43" rx="5" fill="#bbb"/>
+      <rect width="31.5" height="43" rx="5" fill="#fafafa"/>
+      <rect width="5" height="43" fill="#fafafa" transform="translate(26.5 0)"/>
       <g transform="translate(1 0)">
-        <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(3 4)" />
+        <use id="MIX_CV_INPUT" xlink:href="#input" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(8.5 39)">CV</text>
       </g>
       <g transform="translate(32 0)">
-        <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 4)" />
+        <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 4)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(5 39)">OUT</text>
       </g>
     </g>
 
     <g transform="translate(42 54)">
       <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">LINEAR</text>
-      <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(49 -1.3)" />
+      <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(49 -1.3)"/>
     </g>
   </g>
 
diff --git a/res-src/VCO-src.svg b/res-src/VCO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="150"
-  height="380"
-  viewBox="0 0 150 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150" height="380" viewBox="0 0 150 380">
   <style>
     text {
       fill: #333;
@@ -25,104 +19,104 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 26px 26px">
       <g transform="translate(13 13)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency" viewBox="0 0 108px 108px">
       <g transform="translate(54 54)">
         <g transform="rotate(-240) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
         </g>
         <g transform="rotate(-220.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-206.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
         </g>
         <g transform="rotate(-187.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-173.333) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
         </g>
         <g transform="rotate(-153.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-140) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
         </g>
         <g transform="rotate(-120.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-106.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
         </g>
         <g transform="rotate(-87.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-73.33) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
         </g>
         <g transform="rotate(-53.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-40) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
         </g>
         <g transform="rotate(-20.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-6.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
         </g>
         <g transform="rotate(12.77) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(26.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
         </g>
         <g transform="rotate(46.11) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(60) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
         </g>
       </g>
@@ -134,31 +128,31 @@
           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
         </g>
         <g transform="rotate(-210) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-180) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-150) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-120) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-90) translate(15 0)">
           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
         </g>
         <g transform="rotate(-60) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(-30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(0) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(30) translate(15 0)">
-          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
+          <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333"/>
         </g>
         <g transform="rotate(60) translate(15 0)">
           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
@@ -169,61 +163,61 @@
     <symbol id="knobguide-fm" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 149,1 149,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 150,0 150,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="50" height="20" fill="#0f0" transform="translate(100 0)" /> -->
@@ -231,16 +225,16 @@
   <text class="title" x="52" y="19" font-size="12pt" letter-spacing="4px">VCO</text>
   <g transform="translate(35.5 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(21 25)">
     <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->
     <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
   </g>
-  <use xlink:href="#knobguide-frequency" transform="translate(20 25)" />
+  <use xlink:href="#knobguide-frequency" transform="translate(20 25)"/>
 
   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
 
@@ -252,20 +246,20 @@
     <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text>
-    <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(13 0)" />
+    <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(13 0)"/>
     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> -->
   </g>
-  <use xlink:href="#knobguide-centertick" transform="translate(36 141)" />
+  <use xlink:href="#knobguide-centertick" transform="translate(36 141)"/>
 
   <g transform="translate(73 150)">
     <g transform="translate(0 1)">
       <text font-size="6pt" letter-spacing="2px" transform="translate(10 6.1)">SLOW</text>
-      <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)" />
+      <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/>
     </g>
 
     <g transform="translate(0 14)">
       <text font-size="6pt" letter-spacing="0.5px" transform="translate(8 6.1)">LINEAR</text>
-      <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)" />
+      <use id="LINEAR_PARAM" xlink:href="#button-small" transform="translate(41 -1.3)"/>
     </g>
   </g>
 
@@ -274,9 +268,9 @@
   <g transform="translate(44 188)">
     <!-- <polyline points="0,13 70,13" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(10 22.5) rotate(270)">PW</text>
-    <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(18 0)" />
+    <use id="PW_PARAM" xlink:href="#knob-medium" transform="translate(18 0)"/>
   </g>
-  <use xlink:href="#knobguide-attenuverter" transform="translate(52.5 178.5)" />
+  <use xlink:href="#knobguide-attenuverter" transform="translate(52.5 178.5)"/>
 
   <!-- <rect width="100" height="7" fill="#0f0" transform="translate(10 218)" /> -->
 
@@ -285,75 +279,75 @@
     <g transform="translate(0 0)">
       <!-- <polyline points="0,13 100,13" stroke="#0f0" stroke-width="1" fill="none" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(10 22) rotate(270)">FM</text>
-      <use id="FM_PARAM" xlink:href="#knob-medium" transform="translate(18 0)" />
+      <use id="FM_PARAM" xlink:href="#knob-medium" transform="translate(18 0)"/>
     </g>
     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> -->
     <g transform="translate(57 -0)">
       <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text>
-      <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+      <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text>
     </g>
   </g>
-  <use xlink:href="#knobguide-fm" transform="translate(52.5 220.5)" />
+  <use xlink:href="#knobguide-fm" transform="translate(52.5 220.5)"/>
 
   <!-- <rect width="150" height="7" fill="#0f0" transform="translate(10 262)" /> -->
 
   <g transform="translate(0 269)">
-    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
+    <rect width="130" height="91" rx="5" fill="#bbb" transform="translate(10 0)"/>
     <!-- <rect width="97" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" /> -->
-    <rect width="65" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />
-    <rect width="10" height="8" fill="#fafafa" transform="translate(65 0)" />
-    <rect width="10" height="8" fill="#fafafa" transform="translate(65 83)" />
+    <rect width="65" height="91" rx="5" fill="#fafafa" transform="translate(10 0)"/>
+    <rect width="10" height="8" fill="#fafafa" transform="translate(65 0)"/>
+    <rect width="10" height="8" fill="#fafafa" transform="translate(65 83)"/>
 
     <g transform="translate(12 0)">
-      <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="PW_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">PW</text>
     </g>
     <g transform="translate(44 0)">
-      <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="FM_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(8 40)">FM</text>
     </g>
     <g transform="translate(76 0)">
-      <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+      <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
       <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">SQR</text> -->
       <g transform="translate(9 33.5)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
       </g>
     </g>
     <g transform="translate(108 0)">
-      <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+      <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
       <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 40)">SAW</text> -->
       <g transform="translate(9 33.5)">
         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-        <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+        <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
       </g>
     </g>
 
     <g transform="translate(10 44)">
       <g transform="translate(2 0)">
-        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="PITCH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
       </g>
       <g transform="translate(34 0)">
-        <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
       </g>
       <g transform="translate(66 0)">
-        <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 40)">TRI</text> -->
         <g transform="translate(9 33.5)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+          <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
         </g>
       </g>
       <g transform="translate(98 0)">
-        <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+        <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
         <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 40)">SIN</text> -->
         <g transform="translate(9 33.5)">
           <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+          <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+          <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
         </g>
       </g>
     </g>
diff --git a/res-src/VU-src.svg b/res-src/VU-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,51 +19,51 @@
   <defs>
     <symbol id="vu" viewBox="0 0 18px 180px">
       <!-- <rect width="18" height="180" x="0" y="0" rx="0" fill="#ccc" /> -->
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 0)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 15)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 30)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 45)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 60)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 75)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 75)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 90)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 90)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 105)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 105)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 120)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 120)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 135)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 135)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 150)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 150)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 165)" />
-      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 165)" />
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 0)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 15)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 30)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 45)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 60)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 75)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 75)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 90)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 90)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 105)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 105)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 120)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 120)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 135)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 135)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 150)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 150)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 165)"/>
+      <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(10 165)"/>
     </symbol>
 
     <symbol id="guide-db" viewBox="0 0 20px 183px">
       <g transform="translate(0 15)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">6</text>
       </g>
       <g transform="translate(0 30)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(0) translate(-2.5 2.6)">0</text>
       </g>
       <g transform="translate(0 45)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">-6</text>
       </g>
       <g transform="translate(0 60)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-12</text>
       </g>
       <g transform="translate(0 90)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-24</text>
       </g>
       <g transform="translate(0 120)">
@@ -78,7 +72,7 @@
         <!-- <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-10 2.2)">- dB -</text> -->
       </g>
       <g transform="translate(0 150)">
-        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
+        <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)"/>
         <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-7 2.2)">-48</text>
       </g>
       <g transform="translate(0 170)">
@@ -88,23 +82,23 @@
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="22.5,0 22.5,380" stroke-width="0.5" stroke="#0f0" /> -->
   <!-- <rect width="45" height="10" fill="#0f0" transform="translate(0 68)" /> -->
@@ -115,30 +109,30 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">VU</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 18)">
-    <use id="VU_WIDGET" xlink:href="#vu" transform="translate(13.5 -1)" />
-    <use xlink:href="#guide-db" transform="translate(0 -1)" />
+    <use id="VU_WIDGET" xlink:href="#vu" transform="translate(13.5 -1)"/>
+    <use xlink:href="#guide-db" transform="translate(0 -1)"/>
   </g>
 
   <g transform="translate(0 200)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="L_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="L_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">L</text>
-      <use id="R_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="R_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(9 70)">R (L)</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="70" rx="5" fill="#bbb" />
-      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="70" rx="5" fill="#bbb"/>
+      <use id="L_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 32)">L</text>
-      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 35)" />
+      <use id="R_OUTPUT" xlink:href="#output" transform="translate(5 35)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 67)">R</text>
     </g>
   </g>
diff --git a/res-src/Walk-src.svg b/res-src/Walk-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,95 +19,95 @@
   <defs>
     <symbol id="knob-medium" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-change" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)" />
+        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <g transform="rotate(-90) translate(-376 13)">
     <text class="title" font-size="7pt" letter-spacing="2.5px">WALK</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
@@ -121,39 +115,39 @@
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(10 0)">RATE</text>
-    <use id="RATE_PARAM" xlink:href="#knob-medium" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-change" transform="translate(0 3)" />
+    <use id="RATE_PARAM" xlink:href="#knob-medium" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-change" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(0 82)">
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">OFFSET</text>
-    <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -3)" />
+    <use id="OFFSET_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2.5 -3)"/>
   </g>
 
   <g transform="translate(0 121)">
     <text font-size="6pt" letter-spacing="2.0px" transform="translate(5.5 0)">SCALE</text>
-    <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -3)" />
+    <use id="SCALE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 9)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2.5 -3)"/>
   </g>
 
   <g transform="translate(0 157)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)" />
-      <rect width="34" height="140" rx="5" fill="#fafafa" />
-      <use id="RATE_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 133)"/>
+      <rect width="34" height="140" rx="5" fill="#fafafa"/>
+      <use id="RATE_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(6 35)">RATE</text>
-      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="1.2px" transform="translate(2 70)">OFFSET</text>
-      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 73)" />
+      <use id="SCALE_INPUT" xlink:href="#input" transform="translate(5 73)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(2.5 105)">SCALE</text>
-      <use id="JUMP_INPUT" xlink:href="#input" transform="translate(5 108)" />
+      <use id="JUMP_INPUT" xlink:href="#input" transform="translate(5 108)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(5 140)">JUMP</text>
     </g>
     <g transform="translate(5.5 146)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">OUT</text>
     </g>
   </g>
diff --git a/res-src/Walk2-src.svg b/res-src/Walk2-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="210"
-  height="380"
-  viewBox="0 0 210 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="210" height="380" viewBox="0 0 210 380">
   <style>
     text {
       fill: #333;
@@ -24,94 +18,94 @@
 
   <defs>
     <symbol id="display" viewBox="0 0 190px 190px">
-      <rect cx="0" cy="0" width="190" height="190" fill="#222" />
+      <rect cx="0" cy="0" width="190" height="190" fill="#222"/>
     </symbol>
 
     <symbol id="knob-medium" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-change" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)" />
+        <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">
-      <rect width="6.4" height="6.4" fill="#0f0" />
+      <rect width="6.4" height="6.4" fill="#0f0"/>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 209,1 209,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 210,0 210,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 209,1 209,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 210,0 210,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="70" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="70" height="20" fill="#0f0" transform="translate(140 0)" /> -->
@@ -120,7 +114,7 @@
   <text class="title" x="69" y="19" font-size="12pt" letter-spacing="4px">WALK2</text>
   <g transform="translate(65 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
@@ -134,94 +128,94 @@
   <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 320.5)" /> -->
 
   <g transform="translate(10 25)">
-    <use id="DISPLAY_WIDGET" xlink:href="#display" />
+    <use id="DISPLAY_WIDGET" xlink:href="#display"/>
   </g>
 
   <g transform="translate(0 227)">
     <g transform="translate(6 0)">
       <text font-size="8pt" transform="translate(45 0)">X</text>
-      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(13 -4)" />
-      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(53 -4)" />
+      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(13 -4)"/>
+      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(53 -4)"/>
     </g>
     <g transform="translate(111 0)">
       <text font-size="8pt" transform="translate(40 0)">Y</text>
-      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(8 -4)" />
-      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(48 -4)" />
+      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(8 -4)"/>
+      <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(48 -4)"/>
     </g>
   </g>
 
   <g transform="translate(12 235)">
     <g transform="translate(-2 0)">
       <text font-size="7pt" letter-spacing="1.5px" transform="translate(9 33.5) rotate(270)">RATE</text>
-      <use id="RATE_X_PARAM" xlink:href="#knob-medium" transform="translate(10 -3)" />
+      <use id="RATE_X_PARAM" xlink:href="#knob-medium" transform="translate(10 -3)"/>
     </g>
-    <use xlink:href="#knobguide-change" transform="translate(8 -3)" />
+    <use xlink:href="#knobguide-change" transform="translate(8 -3)"/>
   </g>
 
   <g transform="translate(145.5 235)">
     <g transform="translate(-2 0)">
       <text font-size="7pt" letter-spacing="1.5px" transform="translate(47 5) rotate(90)">RATE</text>
-      <use id="RATE_Y_PARAM" xlink:href="#knob-medium" transform="translate(0 -3)" />
+      <use id="RATE_Y_PARAM" xlink:href="#knob-medium" transform="translate(0 -3)"/>
     </g>
-    <use xlink:href="#knobguide-change" transform="translate(-2 -3)" />
+    <use xlink:href="#knobguide-change" transform="translate(-2 -3)"/>
   </g>
 
   <g transform="translate(105 234)">
     <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">OFF</text>
 
-    <use id="OFFSET_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(-42 -12)" />
+    <use id="OFFSET_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(-42 -12)"/>
 
-    <use id="OFFSET_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)" />
-    <use xlink:href="#knobguide-centertick" transform="translate(2 -12)" />
+    <use id="OFFSET_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)"/>
+    <use xlink:href="#knobguide-centertick" transform="translate(2 -12)"/>
   </g>
 
   <g transform="translate(105 262.5)">
     <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">SCL</text>
 
-    <use id="SCALE_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(-42 -12)" />
+    <use id="SCALE_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(-42 -12)"/>
 
-    <use id="SCALE_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)" />
-    <use xlink:href="#knobguide-mintick" transform="translate(2 -12)" />
+    <use id="SCALE_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)"/>
+    <use xlink:href="#knobguide-mintick" transform="translate(2 -12)"/>
   </g>
 
   <g transform="translate(7 281)">
-    <rect width="62" height="79" rx="5" fill="#fafafa" />
-    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31 39)" />
-    <rect width="31" height="20" fill="#bbb" transform="translate(31 39)" />
-    <use id="OFFSET_X_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-    <use id="SCALE_X_INPUT" xlink:href="#input" transform="translate(34.5 3)" />
+    <rect width="62" height="79" rx="5" fill="#fafafa"/>
+    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/>
+    <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/>
+    <use id="OFFSET_X_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+    <use id="SCALE_X_INPUT" xlink:href="#input" transform="translate(34.5 3)"/>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text>
-    <use id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)" />
-    <use id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)" />
+    <use id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)"/>
+    <use id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text>
   </g>
 
   <g transform="translate(142 281)">
-    <rect width="62" height="79" rx="5" fill="#fafafa" />
-    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31 39)" />
-    <rect width="31" height="20" fill="#bbb" transform="translate(31 39)" />
-    <use id="OFFSET_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-    <use id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)" />
+    <rect width="62" height="79" rx="5" fill="#fafafa"/>
+    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40 39)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31 39)"/>
+    <rect width="31" height="20" fill="#bbb" transform="translate(31 39)"/>
+    <use id="OFFSET_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+    <use id="SCALE_Y_INPUT" xlink:href="#input" transform="translate(34.5 3)"/>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(6 36)">OFF</text>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37.5 36)">SCL</text>
-    <use id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)" />
-    <use id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)" />
+    <use id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)"/>
+    <use id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)"/>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text>
   </g>
 
   <g transform="translate(74.5 288)">
-    <rect width="61" height="40" rx="5" fill="#fafafa" />
-    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40)" />
-    <rect width="20" height="40" fill="#bbb" transform="translate(31)" />
-    <use id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)" />
-    <use id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />
+    <rect width="61" height="40" rx="5" fill="#fafafa"/>
+    <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40)"/>
+    <rect width="20" height="40" fill="#bbb" transform="translate(31)"/>
+    <use id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)"/>
+    <use id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)"/>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4 36)">TRIG</text>
     <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text>
   </g>
@@ -229,17 +223,17 @@
   <g transform="translate(96 332)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(-10 24.5) rotate(-90)">TRIG</text>
     <g transform="translate(2 0)">
-      <use id="JUMP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+      <use id="JUMP_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">JUMP</text>
     </g>
     <g transform="translate(2 10)">
-      <use id="SAMPLEHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+      <use id="SAMPLEHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
       <text font-size="5pt" letter-spacing="0.5px" transform="translate(1 6.7)">S&amp;H</text>
     </g>
     <g transform="translate(2 20)">
-      <use id="TRACKHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)" />
+      <use id="TRACKHOLD_LIGHT" xlink:href="#light-small" transform="translate(-7.5 1)"/>
       <text font-size="5pt" letter-spacing="1px" transform="translate(1 6.7)">T&amp;H</text>
     </g>
-    <use id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)" />
+    <use id="JUMP_MODE_PARAM" xlink:href="#button-small" transform="translate(26 9.7)"/>
   </g>
 </svg>
diff --git a/res-src/XCO-src.svg b/res-src/XCO-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="300"
-  height="380"
-  viewBox="0 0 300 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300" height="380" viewBox="0 0 300 380">
   <style>
     text {
       fill: #333;
@@ -25,104 +19,104 @@
   <defs>
     <symbol id="knob-large" viewBox="0 0 68px 68px">
       <g transform="translate(34 34)">
-        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob" viewBox="0 0 38px 38px">
       <g transform="translate(19 19)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-frequency" viewBox="0 0 108px 108px">
       <g transform="translate(54 54)">
         <g transform="rotate(-240) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
         </g>
         <g transform="rotate(-220.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-206.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
         </g>
         <g transform="rotate(-187.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-173.333) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
         </g>
         <g transform="rotate(-153.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-140) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
         </g>
         <g transform="rotate(-120.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-106.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
         </g>
         <g transform="rotate(-87.23) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-73.33) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
         </g>
         <g transform="rotate(-53.89) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-40) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
         </g>
         <g transform="rotate(-20.56) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(-6.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
         </g>
         <g transform="rotate(12.77) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(26.667) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
         </g>
         <g transform="rotate(46.11) translate(34 0)">
-          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="translate(3 0)"/>
         </g>
 
         <g transform="rotate(60) translate(34 0)">
-          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />
+          <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)"/>
           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
         </g>
       </g>
@@ -131,73 +125,73 @@
     <symbol id="knobguide-fm" viewBox="0 0 50px 50px">
       <g transform="translate(25 25)">
         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)" />
-        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)" />
-        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)"/>
+        <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)"/>
+        <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-90) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">
       <g transform="translate(20 20)">
         <g transform="rotate(-240) translate(10 0)">
-          <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />
+          <polyline points="0,0 4,0" stroke-width="1" stroke="#333"/>
         </g>
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />
-        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)"/>
+        <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="button-small" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="switch" viewBox="0 0 14px 24px">
-      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
-      <rect width="14px" height="12px" stroke-width="0" fill="#000" />
+      <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
+      <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 299,1 299,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 299.5,0.5 299.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 300,0 300,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <rect width="125" height="20" fill="#0f0" transform="translate(0 0)" /> -->
   <!-- <rect width="125" height="20" fill="#0f0" transform="translate(175 0)" /> -->
@@ -205,16 +199,16 @@
   <text class="title" x="127" y="19" font-size="12pt" letter-spacing="4px">XCO</text>
   <g transform="translate(110 374)">
     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
-    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
+    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)"/>
   </g>
 
   <g transform="translate(20 25)">
     <!-- <rect width="108" height="98" fill="none" stroke="#0f0" /> -->
     <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->
-    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />
+    <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)"/>
   </g>
-  <use xlink:href="#knobguide-frequency" transform="translate(20 25)" />
+  <use xlink:href="#knobguide-frequency" transform="translate(20 25)"/>
 
   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
   <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 143)" /> -->
@@ -225,54 +219,54 @@
     <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text>
-    <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(13 0)" />
+    <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(13 0)"/>
     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> -->
   </g>
-  <use xlink:href="#knobguide-centertick" transform="translate(35 141)" />
+  <use xlink:href="#knobguide-centertick" transform="translate(35 141)"/>
 
   <g transform="translate(72 158.5)">
     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text>
-    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)" />
+    <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)"/>
   </g>
 
   <g transform="translate(31 194)">
     <g transform="translate(4 0)">
       <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
       <text font-size="8pt" letter-spacing="2px" transform="translate(9 27) rotate(270)">FM</text>
-      <use id="FM_DEPTH_PARAM" xlink:href="#knob" transform="translate(20 0)" />
+      <use id="FM_DEPTH_PARAM" xlink:href="#knob" transform="translate(20 0)"/>
     </g>
     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 26)" /> -->
     <g transform="translate(-19 52)">
-      <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)" />
+      <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/>
       <g transform="translate(10 0)">
         <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-        <use id="FM_INPUT" xlink:href="#input" transform="translate(7 5)" />
+        <use id="FM_INPUT" xlink:href="#input" transform="translate(7 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(11 40)">FM</text>
       </g>
       <g transform="translate(47 0)">
         <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-        <use id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)" />
+        <use id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)"/>
         <text font-size="6pt" letter-spacing="1px" transform="translate(0 40)">DEPTH</text>
       </g>
       <g transform="translate(82 0)">
         <!-- <rect width="30" height="47" rx="5" fill="#00c" /> -->
         <g transform="translate(8 9)">
           <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text>
-          <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
+          <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)"/>
           <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text>
         </g>
       </g>
     </g>
   </g>
-  <use xlink:href="#knobguide-fm" transform="translate(49 188)" />
+  <use xlink:href="#knobguide-fm" transform="translate(49 188)"/>
 
   <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 175)" /> -->
   <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 295)" /> -->
 
-  <rect width="193" height="47" rx="5" fill="#bbb" transform="translate(97 313)" />
+  <rect width="193" height="47" rx="5" fill="#bbb" transform="translate(97 313)"/>
 
   <g transform="translate(140 30)">
-    <rect width="30" height="330" rx="5" fill="#fafafa" />
+    <rect width="30" height="330" rx="5" fill="#fafafa"/>
     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
@@ -280,38 +274,38 @@
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.2 15)">SQR</text> -->
     <g transform="translate(9 6)">
       <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-      <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+      <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
     </g>
     <g transform="translate(3 30)">
-      <use id="SQUARE_PW_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SQUARE_PW_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text>
-      <use id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 118)">
-      <use id="SQUARE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SQUARE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>
-      <use id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 207)">
-      <use id="SQUARE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SQUARE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>
-      <use id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(0 288)">
-      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />
-      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />
+      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/>
+      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/>
       <g transform="translate(3 0)">
-        <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
+        <use id="SQUARE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text>
       </g>
     </g>
   </g>
-  <use xlink:href="#knobguide-centertick" transform="translate(135 48)" />
-  <use xlink:href="#knobguide-centertick" transform="translate(135 136)" />
-  <use xlink:href="#knobguide-mintick" transform="translate(135 225)" />
+  <use xlink:href="#knobguide-centertick" transform="translate(135 48)"/>
+  <use xlink:href="#knobguide-centertick" transform="translate(135 136)"/>
+  <use xlink:href="#knobguide-mintick" transform="translate(135 225)"/>
 
   <g transform="translate(180 30)">
-    <rect width="30" height="330" rx="5" fill="#fafafa" />
+    <rect width="30" height="330" rx="5" fill="#fafafa"/>
     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
@@ -319,38 +313,38 @@
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.3 15)">SAW</text> -->
     <g transform="translate(9 6)">
       <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-      <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />
+      <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none"/>
     </g>
     <g transform="translate(3 30)">
-      <use id="SAW_SATURATION_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SAW_SATURATION_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text>
-      <use id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 118)">
-      <use id="SAW_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SAW_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>
-      <use id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 207)">
-      <use id="SAW_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SAW_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>
-      <use id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(0 288)">
-      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />
-      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />
+      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/>
+      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/>
       <g transform="translate(3 0)">
-        <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
+        <use id="SAW_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text>
       </g>
     </g>
   </g>
-  <use xlink:href="#knobguide-mintick" transform="translate(175 48)" />
-  <use xlink:href="#knobguide-centertick" transform="translate(175 136)" />
-  <use xlink:href="#knobguide-mintick" transform="translate(175 225)" />
+  <use xlink:href="#knobguide-mintick" transform="translate(175 48)"/>
+  <use xlink:href="#knobguide-centertick" transform="translate(175 136)"/>
+  <use xlink:href="#knobguide-mintick" transform="translate(175 225)"/>
 
   <g transform="translate(220 30)">
-    <rect width="30" height="330" rx="5" fill="#fafafa" />
+    <rect width="30" height="330" rx="5" fill="#fafafa"/>
     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
@@ -358,38 +352,38 @@
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 15)">TRI</text> -->
     <g transform="translate(9 6)">
       <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-      <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />
+      <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none"/>
     </g>
     <g transform="translate(3 30)">
-      <use id="TRIANGLE_SAMPLE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="TRIANGLE_SAMPLE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text>
-      <use id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 118)">
-      <use id="TRIANGLE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="TRIANGLE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>
-      <use id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 207)">
-      <use id="TRIANGLE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="TRIANGLE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>
-      <use id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="TRIANGLE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(0 288)">
-      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />
-      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />
+      <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)"/>
+      <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/>
       <g transform="translate(3 0)">
-        <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
+        <use id="TRIANGLE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text>
       </g>
     </g>
   </g>
-  <use xlink:href="#knobguide-mintick" transform="translate(215 48)" />
-  <use xlink:href="#knobguide-centertick" transform="translate(215 136)" />
-  <use xlink:href="#knobguide-mintick" transform="translate(215 225)" />
+  <use xlink:href="#knobguide-mintick" transform="translate(215 48)"/>
+  <use xlink:href="#knobguide-centertick" transform="translate(215 136)"/>
+  <use xlink:href="#knobguide-mintick" transform="translate(215 225)"/>
 
   <g transform="translate(260 30)">
-    <rect width="30" height="330" rx="5" fill="#fafafa" />
+    <rect width="30" height="330" rx="5" fill="#fafafa"/>
     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 90)" /> -->
     <!-- <rect width="30" height="20" fill="#0f0" transform="translate(0 177)" /> -->
@@ -397,53 +391,53 @@
     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 15)">SIN</text> -->
     <g transform="translate(9 6)">
       <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->
-      <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />
-      <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />
+      <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none"/>
+      <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none"/>
     </g>
     <g transform="translate(3 30)">
-      <use id="SINE_FEEDBACK_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SINE_FEEDBACK_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text>
-      <use id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 118)">
-      <use id="SINE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SINE_PHASE_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>
-      <use id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(3 207)">
-      <use id="SINE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)" />
+      <use id="SINE_MIX_PARAM" xlink:href="#knob-smallest" transform="translate(4 0)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>
-      <use id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />
+      <use id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)"/>
     </g>
     <g transform="translate(0 288)">
-      <rect width="31" height="5" fill="#bbb" transform="translate(-1 -5)" />
-      <rect width="31" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />
+      <rect width="31" height="5" fill="#bbb" transform="translate(-1 -5)"/>
+      <rect width="31" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)"/>
       <g transform="translate(3 0)">
-        <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(0 0)" />
+        <use id="SINE_OUTPUT" xlink:href="#output" transform="translate(0 0)"/>
         <text font-size="6pt" letter-spacing="2px" transform="translate(2 36)">OUT</text>
       </g>
     </g>
   </g>
-  <use xlink:href="#knobguide-mintick" transform="translate(255 48)" />
-  <use xlink:href="#knobguide-centertick" transform="translate(255 136)" />
-  <use xlink:href="#knobguide-mintick" transform="translate(255 225)" />
+  <use xlink:href="#knobguide-mintick" transform="translate(255 48)"/>
+  <use xlink:href="#knobguide-centertick" transform="translate(255 136)"/>
+  <use xlink:href="#knobguide-mintick" transform="translate(255 225)"/>
 
   <!-- <rect width="30" height="10" fill="#0f0" transform="translate(0 303)" /> -->
   <g transform="translate(0 313)">
-    <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)" />
+    <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)"/>
     <g transform="translate(10 0)">
       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(7 5)" />
+      <use id="PITCH_INPUT" xlink:href="#input" transform="translate(7 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(5 40)">V/OCT</text>
     </g>
     <g transform="translate(47 0)">
       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->
-      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)" />
+      <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
     </g>
     <g transform="translate(100 0)">
       <!-- <rect width="30" height="47" rx="5" fill="#bbb" transform="translate(0 0)" /> -->
-      <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
+      <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)"/>
       <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text>
     </g>
   </g>
diff --git a/res-src/XFade-src.svg b/res-src/XFade-src.svg
@@ -1,11 +1,5 @@
-<svg
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  width="45"
-  height="380"
-  viewBox="0 0 45 380"
->
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="380" viewBox="0 0 45 380">
   <style>
     text {
       fill: #333;
@@ -25,90 +19,90 @@
   <defs>
     <symbol id="knob" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
-        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
+        <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knob-smallest" viewBox="0 0 16px 16px">
       <g transform="translate(8 8)">
-        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
-        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
-        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />
+        <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
+        <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
+        <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="knobguide-mixab" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
         <text font-size="5.0pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-2 2)">A</text>
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />
-        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />
-        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)"/>
+        <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)"/>
+        <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)"/>
         <text font-size="5.0pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-2 2)">B</text>
       </g>
     </symbol>
 
     <symbol id="knobguide-curve" viewBox="0 0 45px 45px">
       <g transform="translate(22.5 22.5)">
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-180) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-180) translate(9.5 0)"/>
         <g transform="rotate(-180) translate(16 0) rotate(180) translate(-2.5 -2.5)">
           <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
-          <polyline points="0,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
-          <polyline points="5,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
+          <polyline points="0,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
+          <polyline points="5,0 2.5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
         </g>
 
-        <polyline points="0,0 2,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="0.3" stroke="#333" transform="rotate(-135) translate(9.5 0)"/>
 
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(9.5 0)"/>
         <g transform="rotate(-90) translate(16 0) rotate(90) translate(-2.5 -2.5)">
           <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
-          <polyline points="0,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
-          <polyline points="5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
+          <polyline points="0,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
+          <polyline points="5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
         </g>
 
-        <polyline points="0,0 2,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="0.3" stroke="#333" transform="rotate(-45) translate(9.5 0)"/>
 
-        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(9.5 0)" />
+        <polyline points="0,0 2,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(9.5 0)"/>
         <g transform="rotate(0) translate(16 0) rotate(-0) translate(-2.5 -2.5)">
           <!-- <rect width="5" height="5" stroke-width="1" stroke="#0f0" fill="none" /> -->
-          <polyline points="2.5,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
-          <polyline points="2.5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)" />
+          <polyline points="2.5,0 5,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
+          <polyline points="2.5,0 0,5" stroke-width="1" stroke="#333" stroke-linecap="round" fill="none" transform="translate(0 0)"/>
         </g>
       </g>
     </symbol>
 
     <symbol id="button" viewBox="0 0 9px 9px">
       <g transform="translate(4.5 4.5)">
-        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00" />
+        <circle cx="0" cy="0" r="4.1" stroke-width="1" stroke="#00f" fill="#f00"/>
       </g>
     </symbol>
 
     <symbol id="input" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
       </g>
     </symbol>
 
     <symbol id="output" viewBox="0 0 24px 24px">
       <g transform="translate(12 12)">
-        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
-        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
+        <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
+        <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
       </g>
     </symbol>
   </defs>
 
-  <rect width="100%" height="100%" fill="#ddd" />
-  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
-  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
-  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
+  <rect width="100%" height="100%" fill="#ddd"/>
+  <polyline points="1,1 44,1 44,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none"/>
+  <polyline points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none"/>
+  <polyline points="0,0 45,0 45,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none"/>
 
   <!-- <polyline points="0,0 0,380" stroke-width="0.5" stroke="#0f0" transform="translate(22.5 0)" /> -->
 
@@ -116,45 +110,45 @@
     <text class="title" font-size="7pt" letter-spacing="2.5px">XFADE</text>
     <g transform="translate(0 12)">
       <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
-      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)" />
+      <rect width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
     </g>
   </g>
 
   <g transform="translate(0 25)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(14 0)">MIX</text>
-    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(0 3)" />
-    <use xlink:href="#knobguide-mixab" transform="translate(0 3)" />
+    <use id="MIX_PARAM" xlink:href="#knob" transform="translate(0 3)"/>
+    <use xlink:href="#knobguide-mixab" transform="translate(0 3)"/>
     <g transform="translate(5.5 49)">
-      <rect width="34" height="38" rx="5" fill="#fafafa" />
-      <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="38" rx="5" fill="#fafafa"/>
+      <use id="MIX_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
     </g>
   </g>
 
   <g transform="translate(0 135)">
     <text font-size="6pt" letter-spacing="1px" transform="translate(7.5 0)">SHAPE</text>
-    <use id="CURVE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 17.5)" />
-    <use xlink:href="#knobguide-curve" transform="translate(0 3)" />
+    <use id="CURVE_PARAM" xlink:href="#knob-smallest" transform="translate(14.5 17.5)"/>
+    <use xlink:href="#knobguide-curve" transform="translate(0 3)"/>
   </g>
 
   <g transform="translate(10.5 178)">
     <text font-size="5pt" letter-spacing="1px" transform="translate(0 6)">LIN</text>
-    <use id="LINEAR_PARAM" xlink:href="#button" transform="translate(15 -1)" />
+    <use id="LINEAR_PARAM" xlink:href="#button" transform="translate(15 -1)"/>
   </g>
 
   <g transform="translate(0 210)">
     <g transform="translate(5.5 0)">
-      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)" />
-      <rect width="34" height="70" rx="5" fill="#fafafa" />
-      <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)" />
+      <rect width="34" height="10" fill="#fafafa" transform="translate(0 63)"/>
+      <rect width="34" height="70" rx="5" fill="#fafafa"/>
+      <use id="A_INPUT" xlink:href="#input" transform="translate(5 3)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 35)">A</text>
-      <use id="B_INPUT" xlink:href="#input" transform="translate(5 38)" />
+      <use id="B_INPUT" xlink:href="#input" transform="translate(5 38)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(15 70)">B</text>
     </g>
     <g transform="translate(5.5 76)">
-      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)" />
-      <rect width="34" height="35" rx="5" fill="#bbb" />
-      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)" />
+      <rect width="34" height="10" fill="#bbb" transform="translate(0 -3)"/>
+      <rect width="34" height="35" rx="5" fill="#bbb"/>
+      <use id="OUT_OUTPUT" xlink:href="#output" transform="translate(5 0)"/>
       <text font-size="5pt" letter-spacing="2px" transform="translate(8.3 32)">MIX</text>
     </g>
   </g>