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

425 lines
26KB
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="225"

  6.   height="380"

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

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

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

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

  30.         <circle cx="0" cy="0" r="18.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="knobguide-threshold" viewBox="0 0 70px 70px">

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

  44.         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>

  45.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />

  46.         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>

  47.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />

  48.         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>

  49.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />

  50.         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>

  51.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />

  52.         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>

  53.         <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />

  54.         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>

  55.         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>

  56.       </g>

  57.     </symbol>

  58. 

  59.     <symbol id="knobguide-ratio" viewBox="0 0 70px 70px">

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

  61.         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text>

  62.         <text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text>

  63.         <text font-size="6.0pt" transform="rotate(-149.70) translate(25 0) rotate(149.70) translate(-9 2.5)">1.3</text>

  64.         <text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text>

  65.         <text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text>

  66.         <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>

  67.         <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text>

  68.         <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text>

  69.         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#8734;</text>

  70.       </g>

  71.     </symbol>

  72. 

  73.     <symbol id="knobguide-attack" viewBox="0 0 45px 45px">

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

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

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

  77.         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text>

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

  79.         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text>

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

  81.         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text>

  82.         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text>

  83.       </g>

  84.     </symbol>

  85. 

  86.     <symbol id="knobguide-release" viewBox="0 0 45px 45px">

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

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

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

  90.         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text>

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

  92.         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text>

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

  94.         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text>

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

  96.       </g>

  97.     </symbol>

  98. 

  99.     <symbol id="knobguide-outputgain" viewBox="0 0 45px 45px">

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

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

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

  103.         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text>

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

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

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

  107.         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text>

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

  109.         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text>

  110.         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>

  111.       </g>

  112.     </symbol>

  113. 

  114.     <symbol id="knobguide-inputgain" viewBox="0 0 45px 45px">

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

  116.         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text>

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

  118.         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text>

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

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

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

  122.         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text>

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

  124.         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text>

  125.         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>

  126.       </g>

  127.     </symbol>

  128. 

  129.     <symbol id="knobguide-detectormix" viewBox="0 0 45px 45px">

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

  131.         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text>

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

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

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

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

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

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

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

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

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

  141.         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text>

  142.       </g>

  143.     </symbol>

  144. 

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

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

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

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

  149.         </g>

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

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

  152.         </g>

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

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

  155.         </g>

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

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

  158.         </g>

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

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

  161.         </g>

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

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

  164.         </g>

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

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

  167.         </g>

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

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

  170.         </g>

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

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

  173.         </g>

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

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

  176.         </g>

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

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

  179.         </g>

  180.       </g>

  181.     </symbol>

  182. 

  183.     <symbol id="compression" viewBox="0 0 11px 75px">

  184.       <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> -->

  185.       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)" />

  186.       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)" />

  187.       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)" />

  188.       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)" />

  189.       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)" />

  190.     </symbol>

  191. 

  192.     <symbol id="guide-compression" viewBox="0 0 20px 95px">

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

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

  195.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  196.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-5.5 2.2)">30+</text>

  197.         </g>

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

  199.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  200.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">24</text>

  201.         </g>

  202.         <g transform="translate(0 30)">

  203.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  204.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">18</text>

  205.         </g>

  206.         <g transform="translate(0 45)">

  207.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  208.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12</text>

  209.         </g>

  210.         <g transform="translate(0 60)">

  211.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  212.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text>

  213.         </g>

  214.         <g transform="translate(0 75)">

  215.           <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />

  216.           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text>

  217.         </g>

  218.       </g>

  219.     </symbol>

  220. 

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

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

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

  224.     </symbol>

  225. 

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

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

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

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

  230.       </g>

  231.     </symbol>

  232. 

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

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

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

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

  237.       </g>

  238.     </symbol>

  239.   </defs>

  240. 

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

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

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

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

  245. 

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

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

  248. 

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

  250.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(215 0)" /> -->

  251. 

  252.   <!-- <rect width="12" height="100" fill="#00f3" transform="translate(85 20)" /> -->

  253.   <!-- <rect width="12" height="100" fill="#00f3" transform="translate(174 20)" /> -->

  254. 

  255.   <!-- <rect width="225" height="3" fill="#0f03" transform="translate(0 20)" /> -->

  256.   <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 23)" /> -->

  257.   <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 91)" /> -->

  258.   <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 163)" /> -->

  259.   <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 239)" /> -->

  260. 

  261.   <text class="title" x="61" y="19" font-size="12pt" letter-spacing="4px">PRESSOR</text>

  262.   <g transform="translate(72.5 374)">

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

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

  265.   </g>

  266. 

  267.   <g transform="translate(13 53)">

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

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

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

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

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

  273.     <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text>

  274.     <use id="THRESHOLD_PARAM" xlink:href="#knob" transform="translate(23 0)" />

  275.     <use xlink:href="#knobguide-threshold" transform="translate(7 -16)" />

  276.   </g>

  277. 

  278.   <g transform="translate(102 53)">

  279.     <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->

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

  281.     <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text>

  282.     <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(23 0)" />

  283.     <use xlink:href="#knobguide-ratio" transform="translate(7 -16)" />

  284.   </g>

  285. 

  286.   <g transform="translate(207 35)">

  287.     <text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text>

  288.     <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)" />

  289.     <use xlink:href="#guide-compression" transform="translate(-13 -11)" />

  290.   </g>

  291. 

  292.   <g transform="translate(10 141)">

  293.     <g transform="translate(13 0)">

  294.       <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> -->

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

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

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

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

  299.       <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text>

  300.       <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />

  301.     </g>

  302.     <use xlink:href="#knobguide-attack" transform="translate(21.5 -9.5)" />

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

  304.       <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> -->

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

  306.       <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text>

  307.       <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />

  308.     </g>

  309.     <use xlink:href="#knobguide-release" transform="translate(111.5 -9.5)" />

  310.   </g>

  311. 

  312.   <g transform="translate(10 213)">

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

  314.       <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->

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

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

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

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

  319.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text>

  320.       <use id="INPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />

  321.     </g>

  322.     <use xlink:href="#knobguide-inputgain" transform="translate(8.5 -9.5)" />

  323.     <g transform="translate(60 0)">

  324.       <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->

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

  326.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text>

  327.       <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />

  328.     </g>

  329.     <use xlink:href="#knobguide-outputgain" transform="translate(69.5 -9.5)" />

  330.     <g transform="translate(121 0)">

  331.       <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->

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

  333.       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text>

  334.       <use id="DETECTOR_MIX_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />

  335.     </g>

  336.     <use xlink:href="#knobguide-detectormix" transform="translate(130.5 -9.5)" />

  337.   </g>

  338. 

  339.   <g transform="translate(199 128)">

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

  341.       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->

  342.       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 25.5) rotate(270)">MODE</text>

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

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

  345.       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text>

  346.     </g>

  347.     <g transform="translate(0 49)">

  348.       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->

  349.       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 30) rotate(270)">DETECT</text>

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

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

  352.       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text>

  353.     </g>

  354.     <g transform="translate(0 98)">

  355.       <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->

  356.       <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>

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

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

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

  360.     </g>

  361.   </g>

  362. 

  363.   <g transform="translate(0 269)">

  364.     <rect width="205" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />

  365.     <rect width="137" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />

  366.     <rect width="171" height="47" rx="5" fill="#fafafa" transform="translate(10 44)" />

  367.     <rect width="10" height="10" fill="#fafafa" transform="translate(137 0)" />

  368.     <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)" />

  369. 

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

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

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

  373.         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>

  374.       </g>

  375.       <g transform="translate(37 0)">

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

  377.         <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text>

  378.       </g>

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

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

  381.         <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text>

  382.       </g>

  383.       <g transform="translate(105 0)">

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

  385.         <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text>

  386.       </g>

  387.       <g transform="translate(139 0)">

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

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

  390.       </g>

  391.       <g transform="translate(173 0)">

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

  393.         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>

  394.       </g>

  395.     </g>

  396. 

  397.     <g transform="translate(10 44)">

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

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

  400.         <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text>

  401.       </g>

  402.       <g transform="translate(37 0)">

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

  404.         <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text>

  405.       </g>

  406.       <g transform="translate(71 0)">

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

  408.         <text font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text>

  409.       </g>

  410.       <g transform="translate(105 0)">

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

  412.         <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text>

  413.       </g>

  414.       <g transform="translate(139 0)">

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

  416.         <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text>

  417.       </g>

  418.       <g transform="translate(173 0)">

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

  420.         <text font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text>

  421.       </g>

  422.     </g>

  423.   </g>

  424. </svg>