VCVRack
/
Rack
mirror of https://github.com/VCVRack/Rack.git
1
0
Fork 0
Code Issues 0 Releases 43 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1327 Commits
4 Branches
540MB
Tree: 3d2532bde8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '3d2532bde8'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/EightFO-src.svg

410 lines
22KB
Raw Blame History 

  1. <svg

  2.   version="1.1"

  3.   xmlns="http://www.w3.org/2000/svg"

  4.   xmlns:xlink="http://www.w3.org/1999/xlink"

  5.   width="255"

  6.   height="380"

  7.   viewBox="0 0 255 380"

  8. >

  9.   <style>

  10.     text {

  11.       fill: #333;

  12.       font-family: 'Roboto', sans-serif;

  13.       font-weight: bold;

  14.     }

  15.     text.title {

  16.       font-family: 'Comfortaa', sans-serif;

  17.       font-weight: normal;

  18.     }

  19.     text.brand {

  20.       font-family: 'Audiowide', sans-serif;

  21.       font-weight: bold;

  22.     }

  23.   </style>

  24. 

  25.   <defs>

  26.     <symbol id="knob-large" viewBox="0 0 68px 68px">

  27.       <g transform="translate(34 34)">

  28.         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f" />

  29.         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f" />

  30.         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none" />

  31.       </g>

  32.     </symbol>

  33. 

  34.     <symbol id="knob-medium" viewBox="0 0 26px 26px">

  35.       <g transform="translate(13 13)">

  36.         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />

  37.         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />

  38.         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />

  39.       </g>

  40.     </symbol>

  41. 

  42.     <symbol id="knob-smallest" viewBox="0 0 16px 16px">

  43.       <g transform="translate(8 8)">

  44.         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />

  45.         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />

  46.         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />

  47.       </g>

  48.     </symbol>

  49. 

  50.     <symbol id="knobguide-frequency-lfo" viewBox="0 0 128px 128px">

  51.       <g transform="translate(64 64)">

  52.         <g transform="rotate(-225.08) translate(34 0)">

  53.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  54.           <text font-size="7.0pt" transform="translate(14 0) rotate(225.08) translate(-10.5 3.5)">0.1</text>

  55.         </g>

  56.         <g transform="rotate(-171.49) translate(34 0)">

  57.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  58.           <text font-size="7.0pt" transform="translate(14 0) rotate(171.49) translate(-11 3.5)">0.5</text>

  59.         </g>

  60.         <g transform="rotate(-71.76) translate(34 0)">

  61.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  62.           <text font-size="7.0pt" transform="translate(14 0) rotate(71.76) translate(-2 3.5)">10</text>

  63.         </g>

  64.         <g transform="rotate(-124.62) translate(34 0)">

  65.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  66.           <text font-size="7.0pt" letter-spacing="1px" transform="translate(14 0) rotate(124.62) translate(-10 3.5)">0V</text>

  67.         </g>

  68.         <g transform="rotate(-18.17) translate(34 0)">

  69.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  70.           <text font-size="7.0pt" transform="translate(14 0) rotate(18.17) translate(-2 3.5)">50</text>

  71.         </g>

  72.         <g transform="rotate(27.98) translate(34 0)">

  73.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  74.           <text font-size="7.0pt" transform="translate(14 0) rotate(-27.98) translate(-2 3.5)">200</text>

  75.         </g>

  76.         <g transform="rotate(51.05) translate(34 0)">

  77.           <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="translate(3 0)" />

  78.           <text font-size="7.0pt" transform="translate(14 0) rotate(-51.05) translate(-2 3.5)">400HZ</text>

  79.         </g>

  80. 

  81.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-240) translate(37 0)" />

  82.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-216.92) translate(37 0)" />

  83. 

  84.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-193.85) translate(37 0)" />

  85.         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-170.77) translate(37 0)" /> -->

  86. 

  87.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-147.69) translate(37 0)" />

  88.         <!-- <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-124.62) translate(37 0)" /> -->

  89. 

  90.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-101.54) translate(37 0)" />

  91.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-78.46) translate(37 0)" />

  92. 

  93.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-55.38) translate(37 0)" />

  94.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-32.31) translate(37 0)" />

  95. 

  96.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(-9.23) translate(37 0)" />

  97.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(13.85) translate(37 0)" />

  98. 

  99.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(36.92) translate(37 0)" />

  100.         <polyline points="0,0 3,0" stroke-width="0.7" stroke="#333" transform="rotate(60) translate(37 0)" />

  101.       </g>

  102.     </symbol>

  103. 

  104.     <symbol id="waves" viewBox="0 0 70px 70px">

  105.       <!-- <polyline points="0,0 0,70" stroke-width="1" stroke="#0f0" transform="translate(20 0)" /> -->

  106.       <g transform="translate(20 35)">

  107.         <!-- <circle r="18" fill="none" stroke="#00f" /> -->

  108.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(11 0)" />

  109.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(-45) translate(11 0)" />

  110.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(0) translate(11 0)" />

  111.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(45) translate(11 0)" />

  112.         <polyline points="0,0 5,0" stroke-width="1" stroke="#333" transform="rotate(90) translate(11 0)" />

  113.       </g>

  114.       <g transform="translate(14 8)">

  115.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  116.         <polyline points="0,8 12,0 12,8" stroke-width="1" stroke="#333" fill="none" />

  117.       </g>

  118.       <g transform="translate(33.5 13.5)">

  119.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  120.         <polyline points="0,8 0,0 12,8" stroke-width="1" stroke="#333" fill="none" />

  121.       </g>

  122.       <g transform="translate(39 31)">

  123.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  124.         <path d="M 0 4 A 2 3 0 0 1 6 4" stroke="#333" stroke-width="1" fill="none" />

  125.         <path d="M 6 4 A 2 3 0 0 0 12 4" stroke="#333" stroke-width="1" fill="none" />

  126.       </g>

  127.       <g transform="translate(33.5 48.5)">

  128.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  129.         <polyline points="0,4 3,0 9,8 12,4" stroke-width="1" stroke="#333" fill="none" />

  130.       </g>

  131.       <g transform="translate(14 54)">

  132.         <!-- <rect width="12" height="8" fill="none" stroke-width="1" stroke="#0f0" /> -->

  133.         <polyline points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" stroke="#333" fill="none" />

  134.       </g>

  135.     </symbol>

  136. 

  137.     <symbol id="knobguide-attenuverter" viewBox="0 0 45px 45px">

  138.       <g transform="translate(22.5 22.5)">

  139.         <g transform="rotate(-240) translate(15 0)">

  140.           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>

  141.         </g>

  142.         <g transform="rotate(-210) translate(15 0)">

  143.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  144.         </g>

  145.         <g transform="rotate(-180) translate(15 0)">

  146.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  147.         </g>

  148.         <g transform="rotate(-150) translate(15 0)">

  149.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  150.         </g>

  151.         <g transform="rotate(-120) translate(15 0)">

  152.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  153.         </g>

  154.         <g transform="rotate(-90) translate(15 0)">

  155.           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>

  156.         </g>

  157.         <g transform="rotate(-60) translate(15 0)">

  158.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  159.         </g>

  160.         <g transform="rotate(-30) translate(15 0)">

  161.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  162.         </g>

  163.         <g transform="rotate(0) translate(15 0)">

  164.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  165.         </g>

  166.         <g transform="rotate(30) translate(15 0)">

  167.           <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />

  168.         </g>

  169.         <g transform="rotate(60) translate(15 0)">

  170.           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>

  171.         </g>

  172.       </g>

  173.     </symbol>

  174. 

  175.     <symbol id="knobguide-linear" viewBox="0 0 45px 45px">

  176.       <g transform="translate(22.5 22.5)">

  177.         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>

  178.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />

  179.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />

  180.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />

  181.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />

  182.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(15 0)" />

  183.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />

  184.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />

  185.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />

  186.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />

  187.         <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(15 0)" />

  188.       </g>

  189.     </symbol>

  190. 

  191.     <symbol id="knobguide-phase" viewBox="0 0 40px 40px">

  192.       <g transform="translate(20 20)">

  193.         <g transform="rotate(-90) translate(10 0)">

  194.           <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />

  195.         </g>

  196.         <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)" />

  197.         <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)" />

  198.         <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)" />

  199.         <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)" />

  200.       </g>

  201.     </symbol>

  202. 

  203.     <symbol id="input" viewBox="0 0 24px 24px">

  204.       <g transform="translate(12 12)">

  205.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />

  206.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />

  207.       </g>

  208.     </symbol>

  209. 

  210.     <symbol id="output" viewBox="0 0 24px 24px">

  211.       <g transform="translate(12 12)">

  212.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />

  213.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />

  214.       </g>

  215.     </symbol>

  216. 

  217.     <symbol id="button-small" viewBox="0 0 9px 9px">

  218.       <g transform="translate(4.5 4.5)">

  219.         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />

  220.       </g>

  221.     </symbol>

  222. 

  223.     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">

  224.       <rect width="6.4" height="6.4" fill="#0f0" />

  225.     </symbol>

  226.   </defs>

  227. 

  228.   <rect width="100%" height="100%" fill="#ddd" />

  229.   <polyline points="1,1 254,1 254,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />

  230.   <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" />

  231.   <polyline points="0,0 255,0 255,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />

  232. 

  233.   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(0 0)" /> -->

  234.   <!-- <rect width="110" height="20" fill="#0f0" transform="translate(160 0)" /> -->

  235.   <!-- <rect width="95" height="20" fill="#0f0" transform="translate(0 360)" /> -->

  236.   <!-- <rect width="95" height="20" fill="#0f0" transform="translate(175 360)" /> -->

  237. 

  238.   <text class="title" x="114" y="19" font-size="12pt" letter-spacing="4px">8FO</text>

  239.   <g transform="translate(95 374)">

  240.     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>

  241.     <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />

  242.   </g>

  243. 

  244.   <g transform="translate(20 25)">

  245.     <!-- <rect width="108" height="108" fill="none" stroke="#0f0" /> -->

  246.     <!-- <polyline points="0,54 54,54" stroke="#0f0" stroke-width="1" fill="none" /> -->

  247.     <!-- <polyline points="54,54 54,354" stroke="#0f0" stroke-width="1" fill="none" /> -->

  248.     <use id="FREQUENCY_PARAM" xlink:href="#knob-large" transform="translate(20 20)" />

  249.   </g>

  250.   <use xlink:href="#knobguide-frequency-lfo" transform="translate(10 15)" />

  251. 

  252.   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(20 130)" /> -->

  253.   <!-- <rect width="20" height="10" fill="#0f0" transform="translate(108 130)" /> -->

  254.   <text font-size="6pt" letter-spacing="1px" transform="translate(34 133)">0V = C-3 = 2.04HZ</text>

  255. 

  256.   <g transform="translate(86 335)">

  257.     <!-- <rect width="230" height="15" fill="#0f0" transform="translate(-30 -17)" /> -->

  258.     <!-- <rect width="230" height="15" fill="#0f0" transform="translate(-30 8)" /> -->

  259.     <use id="SLOW_PARAM" xlink:href="#button-small" transform="translate(40 -1.3)" />

  260.     <use id="SLOW_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />

  261.     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SLOW</text>

  262.   </g>

  263. 

  264.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 137)" /> -->

  265.   <g transform="translate(10 163)">

  266.     <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> -->

  267.     <g transform="translate(10 0)">

  268.       <use id="WAVE_PARAM" xlink:href="#knob-smallest" transform="translate(0 5)" />

  269.       <!-- <rect width="60" height="60" fill="none" stroke="#0f0" transform="translate(-10 -30) translate(8 13)" /> -->

  270.     </g>

  271.     <g transform="translate(70 0)">

  272.       <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 -10)" /> -->

  273.       <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(-10 13)" /> -->

  274.       <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(33 -13)" /> -->

  275.       <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(-10 33)" /> -->

  276.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">SAM/PW</text>

  277.       <use id="SAMPLE_PWM_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  278.     </g>

  279.     <use xlink:href="#knobguide-attenuverter" transform="translate(80.5 -9.6)" />

  280.     <use xlink:href="#waves" transform="translate(-2 -22)" />

  281.   </g>

  282. 

  283.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 203)" /> -->

  284.   <g transform="translate(10 226)">

  285.     <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 -10)" /> -->

  286.     <!-- <polyline points="0,0 170,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 13)" /> -->

  287.     <!-- <polyline points="0,0 0,170" stroke="#0f0" stroke-width="1" fill="none" transform="translate(43 -13)" /> -->

  288.     <!-- <polyline points="0,0 170,0" stroke="#f00" stroke-width="1" fill="none" transform="translate(10 33)" /> -->

  289.     <g transform="translate(10 0)">

  290.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 36.5) rotate(270)">OFFSET</text>

  291.       <use id="OFFSET_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  292.     </g>

  293.     <use xlink:href="#knobguide-attenuverter" transform="translate(20.5 -9.6)" />

  294.     <g transform="translate(70 0)">

  295.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 32) rotate(270)">SCALE</text>

  296.       <use id="SCALE_PARAM" xlink:href="#knob-medium" transform="translate(20 0)" />

  297.     </g>

  298.     <use xlink:href="#knobguide-linear" transform="translate(80.5 -9.6)" />

  299.   </g>

  300. 

  301.   <g transform="translate(137 32)">

  302.     <g transform="translate(3 4)">

  303.       <g transform="translate(0 0)">

  304.         <use id="PHASE7_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  305.       </g>

  306.       <g transform="translate(0 40)">

  307.         <use id="PHASE6_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  308.       </g>

  309.       <g transform="translate(0 80)">

  310.         <use id="PHASE5_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  311.       </g>

  312.       <g transform="translate(0 120)">

  313.         <use id="PHASE4_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  314.       </g>

  315. 

  316.       <g transform="translate(0 160)">

  317.         <use id="PHASE3_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  318.       </g>

  319.       <g transform="translate(0 200)">

  320.         <use id="PHASE2_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  321.       </g>

  322.       <g transform="translate(0 240)">

  323.         <use id="PHASE1_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  324.       </g>

  325.       <g transform="translate(0 280)">

  326.         <!-- <polyline points="0,0 200,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 12)" /> -->

  327.         <use id="PHASE0_PARAM" xlink:href="#knob-smallest" transform="translate(4 4)" />

  328.       </g>

  329.     </g>

  330.   </g>

  331. 

  332.   <g transform="translate(137 36)">

  333.     <use xlink:href="#knobguide-phase" transform="translate(3 0) translate(12 12) rotate(-225) translate(-20 -20)" />

  334.     <use xlink:href="#knobguide-phase" transform="translate(3 40) translate(12 12) rotate(-180) translate(-20 -20)" />

  335.     <use xlink:href="#knobguide-phase" transform="translate(3 80) translate(12 12) rotate(-135) translate(-20 -20)" />

  336.     <use xlink:href="#knobguide-phase" transform="translate(3 120) translate(12 12) rotate(-90) translate(-20 -20)" />

  337. 

  338.     <use xlink:href="#knobguide-phase" transform="translate(3 160) translate(12 12) rotate(-45) translate(-20 -20)" />

  339.     <use xlink:href="#knobguide-phase" transform="translate(3 200) translate(12 12) rotate(0) translate(-20 -20)" />

  340.     <use xlink:href="#knobguide-phase" transform="translate(3 240) translate(12 12) rotate(45) translate(-20 -20)" />

  341.     <use xlink:href="#knobguide-phase" transform="translate(3 280) translate(12 12) rotate(90) translate(-20 -20)" />

  342.   </g>

  343. 

  344.   <g transform="translate(176 32)">

  345.     <rect width="30" height="328" rx="5" fill="#fafafa" />

  346.     <g transform="translate(3 4)">

  347.       <use id="PHASE7_INPUT" xlink:href="#input" transform="translate(0 0)" />

  348.       <use id="PHASE6_INPUT" xlink:href="#input" transform="translate(0 40)" />

  349.       <use id="PHASE5_INPUT" xlink:href="#input" transform="translate(0 80)" />

  350.       <use id="PHASE4_INPUT" xlink:href="#input" transform="translate(0 120)" />

  351. 

  352.       <use id="PHASE3_INPUT" xlink:href="#input" transform="translate(0 160)" />

  353.       <use id="PHASE2_INPUT" xlink:href="#input" transform="translate(0 200)" />

  354.       <use id="PHASE1_INPUT" xlink:href="#input" transform="translate(0 240)" />

  355.       <use id="PHASE0_INPUT" xlink:href="#input" transform="translate(0 280)" />

  356.     </g>

  357.     <text font-size="6pt" letter-spacing="2px" transform="translate(8 320)">CV</text>

  358.   </g>

  359. 

  360.   <g transform="translate(215 32)">

  361.     <rect width="30" height="328" rx="5" fill="#bbb" />

  362.     <g transform="translate(3 4)">

  363.       <use id="PHASE7_OUTPUT" xlink:href="#output" transform="translate(0 0)" />

  364.       <use id="PHASE6_OUTPUT" xlink:href="#output" transform="translate(0 40)" />

  365.       <use id="PHASE5_OUTPUT" xlink:href="#output" transform="translate(0 80)" />

  366.       <use id="PHASE4_OUTPUT" xlink:href="#output" transform="translate(0 120)" />

  367. 

  368.       <use id="PHASE3_OUTPUT" xlink:href="#output" transform="translate(0 160)" />

  369.       <use id="PHASE2_OUTPUT" xlink:href="#output" transform="translate(0 200)" />

  370.       <use id="PHASE1_OUTPUT" xlink:href="#output" transform="translate(0 240)" />

  371.       <use id="PHASE0_OUTPUT" xlink:href="#output" transform="translate(0 280)" />

  372.     </g>

  373.     <text font-size="6pt" letter-spacing="2px" transform="translate(5 320)">OUT</text>

  374.   </g>

  375. 

  376.   <!-- <polyline points="0,0 0,360" stroke="#0f0" stroke-width="1" fill="none" transform="translate(135 0)" /> -->

  377.   <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 360)" /> -->

  378.   <!-- <rect width="230" height="10" fill="#0f0" transform="translate(0 263)" /> -->

  379.   <g transform="translate(0 313)">

  380.     <rect width="70" height="87" rx="5" fill="#fafafa" transform="translate(10 -40)" />

  381.     <rect width="108" height="43" rx="5" fill="#fafafa" transform="translate(10 -40)" />

  382.     <!-- <rect width="300" height="7" fill="#f00" transform="translate(10 40)" /> -->

  383.     <g transform="translate(10 -40)">

  384.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  385.       <use id="SAMPLE_PWM_INPUT" xlink:href="#input" transform="translate(4 4)" />

  386.       <text font-size="6pt" letter-spacing="1px" transform="translate(4 38)">S/PW</text>

  387.     </g>

  388.     <g transform="translate(50 -40)">

  389.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  390.       <use id="OFFSET_INPUT" xlink:href="#input" transform="translate(2 4)" />

  391.       <text font-size="6pt" letter-spacing="2px" transform="translate(4.5 38)">OFF</text>

  392.     </g>

  393.     <g transform="translate(90 -40)">

  394.       <!-- <rect width="30" height="40" rx="5" fill="#fafafa" /> -->

  395.       <use id="SCALE_INPUT" xlink:href="#input" transform="translate(0 4)" />

  396.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 38)">SCL</text>

  397.     </g>

  398.     <g transform="translate(10 0)">

  399.       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->

  400.       <use id="PITCH_INPUT" xlink:href="#input" transform="translate(4 5)" />

  401.       <text font-size="6pt" letter-spacing="1px" transform="translate(2 40)">V/OCT</text>

  402.     </g>

  403.     <g transform="translate(50 0)">

  404.       <!-- <rect width="30" height="47" rx="5" fill="#fafafa" /> -->

  405.       <use id="RESET_INPUT" xlink:href="#input" transform="translate(2 5)" />

  406.       <text font-size="6pt" letter-spacing="1px" transform="translate(0 40)">RESET</text>

  407.     </g>

  408.   </g>

  409. </svg>