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.
1304 Commits
4 Branches
543MB
Tree: e9f1388e73
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e9f1388e73'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/XCO-src.svg

470 lines
25KB
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="300"

  6.   height="380"

  7.   viewBox="0 0 300 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" viewBox="0 0 38px 38px">

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

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

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

  38.         <circle cx="0" cy="0" r="18.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" viewBox="0 0 108px 108px">

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

  52.         <g transform="rotate(-240) 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(240) translate(-6 3)">-3</text>

  55.         </g>

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

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

  58.         </g>

  59. 

  60.         <g transform="rotate(-206.667) 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(206.667) translate(-5.5 3)">-2</text>

  63.         </g>

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

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

  66.         </g>

  67. 

  68.         <g transform="rotate(-173.333) 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(173.333) translate(-4 3)">-1</text>

  71.         </g>

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

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

  74.         </g>

  75. 

  76.         <g transform="rotate(-140) 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" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>

  79.         </g>

  80.         <g transform="rotate(-120.56) translate(34 0)">

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

  82.         </g>

  83. 

  84.         <g transform="rotate(-106.667) translate(34 0)">

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

  86.           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>

  87.         </g>

  88.         <g transform="rotate(-87.23) translate(34 0)">

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

  90.         </g>

  91. 

  92.         <g transform="rotate(-73.33) translate(34 0)">

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

  94.           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>

  95.         </g>

  96.         <g transform="rotate(-53.89) translate(34 0)">

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

  98.         </g>

  99. 

  100.         <g transform="rotate(-40) translate(34 0)">

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

  102.           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>

  103.         </g>

  104.         <g transform="rotate(-20.56) translate(34 0)">

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

  106.         </g>

  107. 

  108.         <g transform="rotate(-6.667) translate(34 0)">

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

  110.           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>

  111.         </g>

  112.         <g transform="rotate(12.77) translate(34 0)">

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

  114.         </g>

  115. 

  116.         <g transform="rotate(26.667) translate(34 0)">

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

  118.           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>

  119.         </g>

  120.         <g transform="rotate(46.11) translate(34 0)">

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

  122.         </g>

  123. 

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

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

  126.           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>

  127.         </g>

  128.       </g>

  129.     </symbol>

  130. 

  131.     <symbol id="knobguide-fm" viewBox="0 0 50px 50px">

  132.       <g transform="translate(25 25)">

  133.         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>

  134.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-210) translate(22 0)" />

  135.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-180) translate(22 0)" />

  136.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-150) translate(22 0)" />

  137.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-120) translate(22 0)" />

  138.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-90) translate(22 0)" />

  139.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-60) translate(22 0)" />

  140.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(-30) translate(22 0)" />

  141.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(0) translate(22 0)" />

  142.         <polyline points="0,0 3,0" stroke-width="0.5" stroke="#333" transform="rotate(30) translate(22 0)" />

  143.         <polyline points="0,0 4,0" stroke-width="1" stroke="#333" transform="rotate(60) translate(22 0)" />

  144.       </g>

  145.     </symbol>

  146. 

  147.     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">

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

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

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

  151.         </g>

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

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

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

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

  156.       </g>

  157.     </symbol>

  158. 

  159.     <symbol id="knobguide-maxtick" viewBox="0 0 40px 40px">

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

  161.         <g transform="rotate(60) translate(10 0)">

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

  163.         </g>

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

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

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

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

  168.       </g>

  169.     </symbol>

  170. 

  171.     <symbol id="knobguide-mintick" viewBox="0 0 40px 40px">

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

  173.         <g transform="rotate(-240) translate(10 0)">

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

  175.         </g>

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

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

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

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

  180.       </g>

  181.     </symbol>

  182. 

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

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

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

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

  187.       </g>

  188.     </symbol>

  189. 

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

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

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

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

  194.       </g>

  195.     </symbol>

  196. 

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

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

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

  200.       </g>

  201.     </symbol>

  202. 

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

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

  205.     </symbol>

  206. 

  207.     <symbol id="switch" viewBox="0 0 14px 24px">

  208.       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />

  209.       <rect width="14px" height="12px" stroke-width="0" fill="#000" />

  210.     </symbol>

  211.   </defs>

  212. 

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

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

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

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

  217. 

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

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

  220. 

  221.   <text class="title" x="127" y="19" font-size="12pt" letter-spacing="4px">XCO</text>

  222.   <g transform="translate(110 374)">

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

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

  225.   </g>

  226. 

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

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

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

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

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

  232.   </g>

  233.   <use xlink:href="#knobguide-frequency" transform="translate(20 25)" />

  234. 

  235.   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>

  236.   <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 143)" /> -->

  237. 

  238.   <g transform="translate(34 153)">

  239.     <!-- <polyline points="0,-5 70,-5" stroke="#0f0" stroke-width="1" fill="none" /> -->

  240.     <!-- <polyline points="0,8 70,8" stroke="#0f0" stroke-width="1" fill="none" /> -->

  241.     <!-- <polyline points="0,21 70,21" stroke="#0f0" stroke-width="1" fill="none" /> -->

  242.     <!-- <polyline points="21,-10 21,240" stroke="#0f0" stroke-width="1" fill="none" /> -->

  243.     <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text>

  244.     <use id="FINE_PARAM" xlink:href="#knob-smallest" transform="translate(13 0)" />

  245.     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 17)" /> -->

  246.   </g>

  247.   <use xlink:href="#knobguide-centertick" transform="translate(35 141)" />

  248. 

  249.   <g transform="translate(81 158.5)">

  250.     <!-- <polyline points="0,3.2 70,3.2" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

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

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

  254.     <!-- <rect width="90" height="10" fill="#0f0" transform="translate(0 7)" /> -->

  255.   </g>

  256. 

  257.   <g transform="translate(31 194)">

  258.     <g transform="translate(4 0)">

  259.       <!-- <polyline points="-50,0 100,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->

  260.       <text font-size="8pt" letter-spacing="2px" transform="translate(9 27) rotate(270)">FM</text>

  261.       <use id="FM_DEPTH_PARAM" xlink:href="#knob" transform="translate(20 0)" />

  262.     </g>

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

  264.     <g transform="translate(-19 52)">

  265.       <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)" />

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

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

  268.         <use id="FM_INPUT" xlink:href="#input" transform="translate(7 5)" />

  269.         <text font-size="6pt" letter-spacing="1px" transform="translate(11 40)">FM</text>

  270.       </g>

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

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

  273.         <use id="FM_DEPTH_INPUT" xlink:href="#input" transform="translate(3 5)" />

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

  275.       </g>

  276.       <g transform="translate(82 0)">

  277.         <!-- <rect width="30" height="47" rx="5" fill="#00c" /> -->

  278.         <g transform="translate(8 9)">

  279.           <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text>

  280.           <use id="FM_TYPE_PARAM" xlink:href="#switch" transform="translate(0 2)" />

  281.           <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text>

  282.         </g>

  283.       </g>

  284.     </g>

  285.   </g>

  286.   <use xlink:href="#knobguide-fm" transform="translate(49 188)" />

  287. 

  288.   <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 175)" /> -->

  289.   <!-- <rect width="90" height="18" fill="#0f0" transform="translate(0 295)" /> -->

  290. 

  291.   <rect width="193" height="47" rx="5" fill="#bbb" transform="translate(97 313)" />

  292. 

  293.   <g transform="translate(140 30)">

  294.     <rect width="30" height="330" rx="5" fill="#fafafa" />

  295.     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

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

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

  299.     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(5.2 15)">SQR</text> -->

  300.     <g transform="translate(9 6)">

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

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

  303.     </g>

  304.     <g transform="translate(3 30)">

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

  306.       <text font-size="6pt" letter-spacing="2px" transform="translate(5 30)">PW</text>

  307.       <use id="SQUARE_PW_INPUT" xlink:href="#input" transform="translate(0 35)" />

  308.     </g>

  309.     <g transform="translate(3 118)">

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

  311.       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>

  312.       <use id="SQUARE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />

  313.     </g>

  314.     <g transform="translate(3 207)">

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

  316.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>

  317.       <use id="SQUARE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />

  318.     </g>

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

  320.       <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />

  321.       <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />

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

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

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

  325.       </g>

  326.     </g>

  327.   </g>

  328.   <use xlink:href="#knobguide-centertick" transform="translate(135 48)" />

  329.   <use xlink:href="#knobguide-centertick" transform="translate(135 136)" />

  330.   <use xlink:href="#knobguide-maxtick" transform="translate(135 225)" />

  331. 

  332.   <g transform="translate(180 30)">

  333.     <rect width="30" height="330" rx="5" fill="#fafafa" />

  334.     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

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

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

  338.     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(4.3 15)">SAW</text> -->

  339.     <g transform="translate(9 6)">

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

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

  342.     </g>

  343.     <g transform="translate(3 30)">

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

  345.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">SAT</text>

  346.       <use id="SAW_SATURATION_INPUT" xlink:href="#input" transform="translate(0 35)" />

  347.     </g>

  348.     <g transform="translate(3 118)">

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

  350.       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>

  351.       <use id="SAW_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />

  352.     </g>

  353.     <g transform="translate(3 207)">

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

  355.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>

  356.       <use id="SAW_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />

  357.     </g>

  358.     <g transform="translate(0 288)">

  359.       <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />

  360.       <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />

  361.       <g transform="translate(3 0)">

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

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

  364.       </g>

  365.     </g>

  366.   </g>

  367.   <use xlink:href="#knobguide-mintick" transform="translate(175 48)" />

  368.   <use xlink:href="#knobguide-centertick" transform="translate(175 136)" />

  369.   <use xlink:href="#knobguide-maxtick" transform="translate(175 225)" />

  370. 

  371.   <g transform="translate(220 30)">

  372.     <rect width="30" height="330" rx="5" fill="#fafafa" />

  373.     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

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

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

  377.     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(7 15)">TRI</text> -->

  378.     <g transform="translate(9 6)">

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

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

  381.     </g>

  382.     <g transform="translate(3 30)">

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

  384.       <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 30)">SAM</text>

  385.       <use id="TRIANGLE_SAMPLE_INPUT" xlink:href="#input" transform="translate(0 35)" />

  386.     </g>

  387.     <g transform="translate(3 118)">

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

  389.       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>

  390.       <use id="TRIANGLE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />

  391.     </g>

  392.     <g transform="translate(3 207)">

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

  394.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>

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

  396.     </g>

  397.     <g transform="translate(0 288)">

  398.       <rect width="32" height="5" fill="#bbb" transform="translate(-1 -5)" />

  399.       <rect width="32" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />

  400.       <g transform="translate(3 0)">

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

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

  403.       </g>

  404.     </g>

  405.   </g>

  406.   <use xlink:href="#knobguide-mintick" transform="translate(215 48)" />

  407.   <use xlink:href="#knobguide-centertick" transform="translate(215 136)" />

  408.   <use xlink:href="#knobguide-maxtick" transform="translate(215 225)" />

  409. 

  410.   <g transform="translate(260 30)">

  411.     <rect width="30" height="330" rx="5" fill="#fafafa" />

  412.     <!-- <polyline points="15,0 15,320" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

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

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

  416.     <!-- <text font-size="6pt" letter-spacing="2px" transform="translate(6.5 15)">SIN</text> -->

  417.     <g transform="translate(9 6)">

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

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

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

  421.     </g>

  422.     <g transform="translate(3 30)">

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

  424.       <text font-size="6pt" letter-spacing="1px" transform="translate(0.5 30)">FDBK</text>

  425.       <use id="SINE_FEEDBACK_INPUT" xlink:href="#input" transform="translate(0 35)" />

  426.     </g>

  427.     <g transform="translate(3 118)">

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

  429.       <text font-size="6pt" letter-spacing="2px" transform="translate(2 30)">PHS</text>

  430.       <use id="SINE_PHASE_INPUT" xlink:href="#input" transform="translate(0 35)" />

  431.     </g>

  432.     <g transform="translate(3 207)">

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

  434.       <text font-size="6pt" letter-spacing="2px" transform="translate(2.5 30)">MIX</text>

  435.       <use id="SINE_MIX_INPUT" xlink:href="#input" transform="translate(0 35)" />

  436.     </g>

  437.     <g transform="translate(0 288)">

  438.       <rect width="31" height="5" fill="#bbb" transform="translate(-1 -5)" />

  439.       <rect width="31" height="47" rx="5" fill="#bbb" transform="translate(-1 -5)" />

  440.       <g transform="translate(3 0)">

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

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

  443.       </g>

  444.     </g>

  445.   </g>

  446.   <use xlink:href="#knobguide-mintick" transform="translate(255 48)" />

  447.   <use xlink:href="#knobguide-centertick" transform="translate(255 136)" />

  448.   <use xlink:href="#knobguide-maxtick" transform="translate(255 225)" />

  449. 

  450.   <!-- <rect width="30" height="10" fill="#0f0" transform="translate(0 303)" /> -->

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

  452.     <rect width="71" height="47" rx="5" fill="#fafafa" transform="translate(10 0)" />

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

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

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

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

  457.     </g>

  458.     <g transform="translate(47 0)">

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

  460.       <use id="SYNC_INPUT" xlink:href="#input" transform="translate(3 5)" />

  461.       <text font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>

  462.     </g>

  463.     <g transform="translate(100 0)">

  464.       <!-- <rect width="30" height="47" rx="5" fill="#bbb" transform="translate(0 0)" /> -->

  465.       <use id="MIX_OUTPUT" xlink:href="#output" transform="translate(3 5)" />

  466.       <text font-size="6pt" letter-spacing="2px" transform="translate(5 40)">MIX</text>

  467.     </g>

  468.   </g>

  469. </svg>