BogaudioModules

BogaudioModules for VCV Rack
Log | Files | Refs | README | LICENSE

DADSRHPlus-lowcontrast-pp.svg (30058B)


      1 <?xml version="1.0"?>
      2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225.0" height="380.0" viewBox="0 0 225.0 380.0">
      3   <style>text {
      4   fill: #333;
      5   font-family: 'Roboto', sans-serif;
      6   font-weight: bold;
      7 }
      8 text.title {
      9   font-family: 'Comfortaa', sans-serif;
     10   font-weight: normal;
     11 }
     12 text.brand {
     13   font-family: 'Audiowide', sans-serif;
     14   font-weight: bold;
     15 }
     16 
     17 polyline {
     18   stroke: #333;
     19 }
     20 path {
     21   stroke: #333;
     22 }
     23 
     24 rect.module-background, .background-fill {
     25   fill: #ddd;
     26 }
     27 polyline.module-border-inner {
     28   stroke: #e4e4e4;
     29 }
     30 polyline.module-border-middle {
     31   stroke: #ebebeb;
     32 }
     33 polyline.module-border-outer {
     34   stroke: #f2f2f2;
     35 }
     36 
     37 g.io-group {
     38 }
     39 rect.input-background, rect.input-background-filler {
     40   fill: #fafafa;
     41 }
     42 rect.output-background, rect.output-background-filler {
     43   fill: #bbb;
     44 }
     45 text.input-label, text.output-label {
     46   /* font-size: 6pt; */
     47 }
     48 polyline.input-label, polyline.output-label {
     49 }
     50 path.input-label, path.output-label {
     51 }
     52 
     53 circle.port-rim {
     54   stroke: #f0f0f0;
     55 }
     56 circle.port-barrel {
     57   stroke: #222;
     58   fill: #222;
     59 }
     60 circle.knob-center {
     61    fill: #eee;
     62 }
     63 circle.knob-rim {
     64    fill: #333;
     65 }
     66 circle.knob-tick {
     67   fill: #fff;
     68 }
     69 polyline.knob-tick {
     70   stroke: #fff;
     71 }
     72 
     73 
     74 text {
     75   fill: #b3b3b3;
     76 }
     77 
     78 polyline {
     79   stroke: #b3b3b3;
     80 }
     81 path {
     82   stroke: #b3b3b3;
     83 }
     84 
     85 rect.module-background, .background-fill {
     86   fill: #333;
     87 }
     88 polyline.module-border-inner {
     89   stroke: #191919;
     90 }
     91 polyline.module-border-middle {
     92   stroke: #111;
     93 }
     94 polyline.module-border-outer {
     95   stroke: #000;
     96 }
     97 
     98 rect.input-background, rect.input-background-filler {
     99   fill: #b3b3b3;
    100 }
    101 rect.output-background, rect.output-background-filler {
    102   fill: #888;
    103 }
    104 text.input-label {
    105   fill: #666;
    106 }
    107 polyline.input-label, path.input-label {
    108   stroke: #666;
    109 }
    110 text.output-label {
    111   fill: #ccc;
    112 }
    113 polyline.output-label, path.output-label {
    114   stroke: #ccc;
    115 }
    116 
    117 circle.port-rim {
    118   stroke: #ccc;
    119 }
    120 circle.port-barrel {
    121   stroke: #222;
    122   fill: #222;
    123 }
    124 circle.knob-center {
    125    fill: #bbb;
    126 }
    127 circle.knob-rim {
    128    fill: #555;
    129 }
    130 circle.knob-tick {
    131   fill: #fff;
    132 }
    133 polyline.knob-tick {
    134   stroke: #fff;
    135 }
    136 </style>
    137 
    138   
    139       
    140       <rect class="module-background background-fill" width="225.0" height="380.0"/>
    141     
    142       
    143       <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    144       <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    145       <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    146     
    147       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">DADSR(H)+</text>
    148       <g transform="translate(0 374)">
    149         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
    150         <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
    151       </g>
    152     
    153 
    154   <g class="io-group" transform="translate(149 26)">
    155     <rect class="input-background" width="30" height="323" rx="5"/>
    156     <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 10)">CV</text>
    157   </g>
    158   <g class="io-group" transform="translate(186 26)">
    159     <rect class="output-background" width="30" height="267" rx="5"/>
    160     <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(2 10)">GATE</text>
    161   </g>
    162 
    163   <g transform="translate(9 33)">
    164     <g transform="translate(0 0)">
    165       <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text>
    166       <g transform="translate(18 0)"><svg id="DELAY_PARAM">
    167       <g transform="translate(19 19)">
    168         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    169         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    170         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    171       </g>
    172     </svg></g>
    173       <g transform="translate(3 43)"><svg id="DELAY_LIGHT">
    174       <rect width="3.2" height="3.2" fill="#0f0"/>
    175     </svg></g>
    176       <g transform="translate(143 7)"><svg id="DELAY_INPUT">
    177       <g transform="translate(12 12)">
    178         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    179         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    180       </g>
    181     </svg></g>
    182       <g transform="translate(180 7)"><svg id="DELAY_OUTPUT">
    183       <g transform="translate(12 12)">
    184         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    185         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    186       </g>
    187     </svg></g>
    188     </g>
    189 
    190     <g transform="translate(0 56)">
    191       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text>
    192       <g transform="translate(18 0)"><svg id="ATTACK_PARAM">
    193       <g transform="translate(19 19)">
    194         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    195         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    196         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    197       </g>
    198     </svg></g>
    199       <g transform="translate(3 34)"><svg id="ATTACK_LIGHT">
    200       <rect width="3.2" height="3.2" fill="#0f0"/>
    201     </svg></g>
    202       <g transform="translate(143 7)"><svg id="ATTACK_INPUT">
    203       <g transform="translate(12 12)">
    204         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    205         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    206       </g>
    207     </svg></g>
    208       <g transform="translate(180 7)"><svg id="ATTACK_OUTPUT">
    209       <g transform="translate(12 12)">
    210         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    211         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    212       </g>
    213     </svg></g>
    214     </g>
    215 
    216     <g transform="translate(0 112)">
    217       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text>
    218       <g transform="translate(18 0)"><svg id="DECAY_PARAM">
    219       <g transform="translate(19 19)">
    220         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    221         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    222         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    223       </g>
    224     </svg></g>
    225       <g transform="translate(3 34)"><svg id="DECAY_LIGHT">
    226       <rect width="3.2" height="3.2" fill="#0f0"/>
    227     </svg></g>
    228       <g transform="translate(143 7)"><svg id="DECAY_INPUT">
    229       <g transform="translate(12 12)">
    230         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    231         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    232       </g>
    233     </svg></g>
    234       <g transform="translate(180 7)"><svg id="DECAY_OUTPUT">
    235       <g transform="translate(12 12)">
    236         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    237         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    238       </g>
    239     </svg></g>
    240     </g>
    241 
    242     <g transform="translate(0 168)">
    243       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text>
    244       <g transform="translate(18 0)"><svg id="SUSTAIN_PARAM">
    245       <g transform="translate(19 19)">
    246         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    247         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    248         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    249       </g>
    250     </svg></g>
    251       <g transform="translate(3 34)"><svg id="SUSTAIN_LIGHT">
    252       <rect width="3.2" height="3.2" fill="#0f0"/>
    253     </svg></g>
    254       <g transform="translate(143 7)"><svg id="SUSTAIN_INPUT">
    255       <g transform="translate(12 12)">
    256         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    257         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    258       </g>
    259     </svg></g>
    260       <g transform="translate(180 7)"><svg id="SUSTAIN_OUTPUT">
    261       <g transform="translate(12 12)">
    262         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    263         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    264       </g>
    265     </svg></g>
    266     </g>
    267 
    268     <g transform="translate(0 224)">
    269       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text>
    270       <g transform="translate(18 0)"><svg id="RELEASE_PARAM">
    271       <g transform="translate(19 19)">
    272         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    273         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    274         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    275       </g>
    276     </svg></g>
    277       <g transform="translate(3 34)"><svg id="RELEASE_LIGHT">
    278       <rect width="3.2" height="3.2" fill="#0f0"/>
    279     </svg></g>
    280       <g transform="translate(143 7)"><svg id="RELEASE_INPUT">
    281       <g transform="translate(12 12)">
    282         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    283         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    284       </g>
    285     </svg></g>
    286       <g transform="translate(180 7)"><svg id="RELEASE_OUTPUT">
    287       <g transform="translate(12 12)">
    288         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    289         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    290       </g>
    291     </svg></g>
    292     </g>
    293 
    294     <g transform="translate(75 280)">
    295       <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text>
    296       <g transform="translate(-1.7 0)"><svg id="HOLD_PARAM">
    297       <g transform="translate(19 19)">
    298         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    299         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    300         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    301       </g>
    302     </svg></g>
    303       <g transform="translate(68 7)"><svg id="HOLD_INPUT">
    304       <g transform="translate(12 12)">
    305         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    306         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    307       </g>
    308     </svg></g>
    309     </g>
    310   </g>
    311 
    312   <g transform="scale(0.75) translate(11 19)">
    313       <g transform="translate(50.5 50.5)">
    314         <g transform="rotate(-240) translate(30 0)">
    315           <g transform="translate(2 0) rotate(240)">
    316             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    317           </g>
    318         </g>
    319         <g transform="rotate(-172.92) translate(30 0)">
    320           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    321         </g>
    322         <g transform="rotate(-145.13) translate(30 0)">
    323           <g transform="translate(2 0) rotate(145.13)">
    324             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    325           </g>
    326         </g>
    327         <g transform="rotate(-105.84) translate(30 0)">
    328           <g transform="translate(2 0) rotate(105.84)">
    329             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    330           </g>
    331         </g>
    332         <g transform="rotate(-75.68) translate(30 0)">
    333           <polyline points="0,0 4,0" stroke-width="0.7"/>
    334         </g>
    335         <g transform="rotate(-50.26) translate(30 0)">
    336           <polyline points="0,0 4,0" stroke-width="0.7"/>
    337         </g>
    338         <g transform="rotate(-27.87) translate(30 0)">
    339           <g transform="translate(2 0) rotate(27.87)">
    340             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    341           </g>
    342         </g>
    343         <g transform="rotate(-7.62) translate(30 0)">
    344           <polyline points="0,0 4,0" stroke-width="0.7"/>
    345         </g>
    346         <g transform="rotate(11) translate(30 0)">
    347           <polyline points="0,0 4,0" stroke-width="0.7"/>
    348         </g>
    349         <g transform="rotate(28.33) translate(30 0)">
    350           <polyline points="0,0 4,0" stroke-width="0.7"/>
    351         </g>
    352         <g transform="rotate(44.6) translate(30 0)">
    353           <polyline points="0,0 4,0" stroke-width="0.7"/>
    354         </g>
    355         <g transform="rotate(60) translate(30 0)">
    356           <g transform="translate(2 0) rotate(-60)">
    357             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    358           </g>
    359         </g>
    360       </g>
    361     </g>
    362   <g transform="scale(0.75) translate(11 94)">
    363       <g transform="translate(50.5 50.5)">
    364         <g transform="rotate(-240) translate(30 0)">
    365           <g transform="translate(2 0) rotate(240)">
    366             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    367           </g>
    368         </g>
    369         <g transform="rotate(-172.92) translate(30 0)">
    370           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    371         </g>
    372         <g transform="rotate(-145.13) translate(30 0)">
    373           <g transform="translate(2 0) rotate(145.13)">
    374             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    375           </g>
    376         </g>
    377         <g transform="rotate(-105.84) translate(30 0)">
    378           <g transform="translate(2 0) rotate(105.84)">
    379             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    380           </g>
    381         </g>
    382         <g transform="rotate(-75.68) translate(30 0)">
    383           <polyline points="0,0 4,0" stroke-width="0.7"/>
    384         </g>
    385         <g transform="rotate(-50.26) translate(30 0)">
    386           <polyline points="0,0 4,0" stroke-width="0.7"/>
    387         </g>
    388         <g transform="rotate(-27.87) translate(30 0)">
    389           <g transform="translate(2 0) rotate(27.87)">
    390             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    391           </g>
    392         </g>
    393         <g transform="rotate(-7.62) translate(30 0)">
    394           <polyline points="0,0 4,0" stroke-width="0.7"/>
    395         </g>
    396         <g transform="rotate(11) translate(30 0)">
    397           <polyline points="0,0 4,0" stroke-width="0.7"/>
    398         </g>
    399         <g transform="rotate(28.33) translate(30 0)">
    400           <polyline points="0,0 4,0" stroke-width="0.7"/>
    401         </g>
    402         <g transform="rotate(44.6) translate(30 0)">
    403           <polyline points="0,0 4,0" stroke-width="0.7"/>
    404         </g>
    405         <g transform="rotate(60) translate(30 0)">
    406           <g transform="translate(2 0) rotate(-60)">
    407             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    408           </g>
    409         </g>
    410       </g>
    411     </g>
    412   <g transform="scale(0.75) translate(11 169)">
    413       <g transform="translate(50.5 50.5)">
    414         <g transform="rotate(-240) translate(30 0)">
    415           <g transform="translate(2 0) rotate(240)">
    416             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    417           </g>
    418         </g>
    419         <g transform="rotate(-172.92) translate(30 0)">
    420           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    421         </g>
    422         <g transform="rotate(-145.13) translate(30 0)">
    423           <g transform="translate(2 0) rotate(145.13)">
    424             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    425           </g>
    426         </g>
    427         <g transform="rotate(-105.84) translate(30 0)">
    428           <g transform="translate(2 0) rotate(105.84)">
    429             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    430           </g>
    431         </g>
    432         <g transform="rotate(-75.68) translate(30 0)">
    433           <polyline points="0,0 4,0" stroke-width="0.7"/>
    434         </g>
    435         <g transform="rotate(-50.26) translate(30 0)">
    436           <polyline points="0,0 4,0" stroke-width="0.7"/>
    437         </g>
    438         <g transform="rotate(-27.87) translate(30 0)">
    439           <g transform="translate(2 0) rotate(27.87)">
    440             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    441           </g>
    442         </g>
    443         <g transform="rotate(-7.62) translate(30 0)">
    444           <polyline points="0,0 4,0" stroke-width="0.7"/>
    445         </g>
    446         <g transform="rotate(11) translate(30 0)">
    447           <polyline points="0,0 4,0" stroke-width="0.7"/>
    448         </g>
    449         <g transform="rotate(28.33) translate(30 0)">
    450           <polyline points="0,0 4,0" stroke-width="0.7"/>
    451         </g>
    452         <g transform="rotate(44.6) translate(30 0)">
    453           <polyline points="0,0 4,0" stroke-width="0.7"/>
    454         </g>
    455         <g transform="rotate(60) translate(30 0)">
    456           <g transform="translate(2 0) rotate(-60)">
    457             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    458           </g>
    459         </g>
    460       </g>
    461     </g>
    462   <g transform="scale(0.75) translate(11 243)">
    463       <g transform="translate(50.5 50.5)">
    464         <g transform="rotate(-240) translate(30 0)">
    465           <g transform="translate(2 0) rotate(240)">
    466             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    467           </g>
    468         </g>
    469         <g transform="rotate(-210) translate(30 0)">
    470           <polyline points="0,0 4,0" stroke-width="0.7"/>
    471         </g>
    472         <g transform="rotate(-180) translate(30 0)">
    473           <polyline points="0,0 4,0" stroke-width="0.7"/>
    474         </g>
    475         <g transform="rotate(-150) translate(30 0)">
    476           <polyline points="0,0 5,0" stroke-width="0.7"/>
    477         </g>
    478         <g transform="rotate(-120) translate(30 0)">
    479           <polyline points="0,0 4,0" stroke-width="0.7"/>
    480         </g>
    481         <g transform="rotate(-90) translate(30 0)">
    482           <polyline points="0,0 4,0" stroke-width="0.7"/>
    483         </g>
    484         <g transform="rotate(-60) translate(30 0)">
    485           <polyline points="0,0 4,0" stroke-width="0.7"/>
    486         </g>
    487         <g transform="rotate(-30) translate(30 0)">
    488           <polyline points="0,0 4,0" stroke-width="0.7"/>
    489         </g>
    490         <g transform="rotate(0) translate(30 0)">
    491           <polyline points="0,0 4,0" stroke-width="0.7"/>
    492         </g>
    493         <g transform="rotate(30) translate(30 0)">
    494           <polyline points="0,0 4,0" stroke-width="0.7"/>
    495         </g>
    496         <g transform="rotate(60) translate(30 0)">
    497           <g transform="translate(2 0) rotate(-60)">
    498             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    499           </g>
    500         </g>
    501       </g>
    502     </g>
    503   <g transform="scale(0.75) translate(11 318)">
    504       <g transform="translate(50.5 50.5)">
    505         <g transform="rotate(-240) translate(30 0)">
    506           <g transform="translate(2 0) rotate(240)">
    507             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    508           </g>
    509         </g>
    510         <g transform="rotate(-172.92) translate(30 0)">
    511           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    512         </g>
    513         <g transform="rotate(-145.13) translate(30 0)">
    514           <g transform="translate(2 0) rotate(145.13)">
    515             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    516           </g>
    517         </g>
    518         <g transform="rotate(-105.84) translate(30 0)">
    519           <g transform="translate(2 0) rotate(105.84)">
    520             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    521           </g>
    522         </g>
    523         <g transform="rotate(-75.68) translate(30 0)">
    524           <polyline points="0,0 4,0" stroke-width="0.7"/>
    525         </g>
    526         <g transform="rotate(-50.26) translate(30 0)">
    527           <polyline points="0,0 4,0" stroke-width="0.7"/>
    528         </g>
    529         <g transform="rotate(-27.87) translate(30 0)">
    530           <g transform="translate(2 0) rotate(27.87)">
    531             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    532           </g>
    533         </g>
    534         <g transform="rotate(-7.62) translate(30 0)">
    535           <polyline points="0,0 4,0" stroke-width="0.7"/>
    536         </g>
    537         <g transform="rotate(11) translate(30 0)">
    538           <polyline points="0,0 4,0" stroke-width="0.7"/>
    539         </g>
    540         <g transform="rotate(28.33) translate(30 0)">
    541           <polyline points="0,0 4,0" stroke-width="0.7"/>
    542         </g>
    543         <g transform="rotate(44.6) translate(30 0)">
    544           <polyline points="0,0 4,0" stroke-width="0.7"/>
    545         </g>
    546         <g transform="rotate(60) translate(30 0)">
    547           <g transform="translate(2 0) rotate(-60)">
    548             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    549           </g>
    550         </g>
    551       </g>
    552     </g>
    553   <g transform="scale(0.75) translate(85 392.5)">
    554       <g transform="translate(50.5 50.5)">
    555         <g transform="rotate(-240) translate(30 0)">
    556           <g transform="translate(2 0) rotate(240)">
    557             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    558           </g>
    559         </g>
    560         <g transform="rotate(-172.92) translate(30 0)">
    561           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    562         </g>
    563         <g transform="rotate(-145.13) translate(30 0)">
    564           <g transform="translate(2 0) rotate(145.13)">
    565             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    566           </g>
    567         </g>
    568         <g transform="rotate(-105.84) translate(30 0)">
    569           <g transform="translate(2 0) rotate(105.84)">
    570             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    571           </g>
    572         </g>
    573         <g transform="rotate(-75.68) translate(30 0)">
    574           <polyline points="0,0 4,0" stroke-width="0.7"/>
    575         </g>
    576         <g transform="rotate(-50.26) translate(30 0)">
    577           <polyline points="0,0 4,0" stroke-width="0.7"/>
    578         </g>
    579         <g transform="rotate(-27.87) translate(30 0)">
    580           <g transform="translate(2 0) rotate(27.87)">
    581             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    582           </g>
    583         </g>
    584         <g transform="rotate(-7.62) translate(30 0)">
    585           <polyline points="0,0 4,0" stroke-width="0.7"/>
    586         </g>
    587         <g transform="rotate(11) translate(30 0)">
    588           <polyline points="0,0 4,0" stroke-width="0.7"/>
    589         </g>
    590         <g transform="rotate(28.33) translate(30 0)">
    591           <polyline points="0,0 4,0" stroke-width="0.7"/>
    592         </g>
    593         <g transform="rotate(44.6) translate(30 0)">
    594           <polyline points="0,0 4,0" stroke-width="0.7"/>
    595         </g>
    596         <g transform="rotate(60) translate(30 0)">
    597           <g transform="translate(2 0) rotate(-60)">
    598             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    599           </g>
    600         </g>
    601       </g>
    602     </g>
    603 
    604   
    605     <g transform="translate(77 96)">
    606       <g transform="translate(0 0)">
    607         <svg id="ATTACK_SHAPE1_LIGHT">
    608       <rect width="3.2" height="3.2" fill="#0f0"/>
    609     </svg>
    610         <g transform="translate(5 5)">
    611           <path d="M 1 1 Q 1 -6, 8 -6" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    612         </g>
    613       </g>
    614       <g transform="translate(0 10)">
    615         <svg id="ATTACK_SHAPE2_LIGHT">
    616       <rect width="3.2" height="3.2" fill="#0f0"/>
    617     </svg>
    618         <g transform="translate(5 5)">
    619           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(-45)"/>
    620         </g>
    621       </g>
    622       <g transform="translate(0 20)">
    623         <svg id="ATTACK_SHAPE3_LIGHT">
    624       <rect width="3.2" height="3.2" fill="#0f0"/>
    625     </svg>
    626         <g transform="translate(5 5)">
    627           <path d="M 0 1 Q 7 1, 8 -7" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    628         </g>
    629       </g>
    630       <g transform="translate(0 28)">
    631         <svg id="ATTACK_SHAPE_PARAM">
    632       <g transform="translate(4.5 4.5)">
    633         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    634       </g>
    635     </svg>
    636       </g>
    637     </g>
    638 
    639     <g transform="translate(77 152.5)">
    640       <g transform="translate(0 0)">
    641         <svg id="DECAY_SHAPE1_LIGHT">
    642       <rect width="3.2" height="3.2" fill="#0f0"/>
    643     </svg>
    644         <g transform="translate(5 0)">
    645           <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    646         </g>
    647       </g>
    648       <g transform="translate(0 10)">
    649         <svg id="DECAY_SHAPE2_LIGHT">
    650       <rect width="3.2" height="3.2" fill="#0f0"/>
    651     </svg>
    652         <g transform="translate(6 -2)">
    653           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/>
    654         </g>
    655       </g>
    656       <g transform="translate(0 20)">
    657         <svg id="DECAY_SHAPE3_LIGHT">
    658       <rect width="3.2" height="3.2" fill="#0f0"/>
    659     </svg>
    660         <g transform="translate(5 0)">
    661           <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    662         </g>
    663       </g>
    664       <g transform="translate(0 28)">
    665         <svg id="DECAY_SHAPE_PARAM">
    666       <g transform="translate(4.5 4.5)">
    667         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    668       </g>
    669     </svg>
    670       </g>
    671     </g>
    672 
    673     <g transform="translate(77 264.5)">
    674       <g transform="translate(0 0)">
    675         <svg id="RELEASE_SHAPE1_LIGHT">
    676       <rect width="3.2" height="3.2" fill="#0f0"/>
    677     </svg>
    678         <g transform="translate(5 0)">
    679           <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    680         </g>
    681       </g>
    682       <g transform="translate(0 10)">
    683         <svg id="RELEASE_SHAPE2_LIGHT">
    684       <rect width="3.2" height="3.2" fill="#0f0"/>
    685     </svg>
    686         <g transform="translate(6 -2)">
    687           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/>
    688         </g>
    689       </g>
    690       <g transform="translate(0 20)">
    691         <svg id="RELEASE_SHAPE3_LIGHT">
    692       <rect width="3.2" height="3.2" fill="#0f0"/>
    693     </svg>
    694         <g transform="translate(5 0)">
    695           <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#b3b3b3" fill="none"/>
    696         </g>
    697       </g>
    698       <g transform="translate(0 28)">
    699         <svg id="RELEASE_SHAPE_PARAM">
    700       <g transform="translate(4.5 4.5)">
    701         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    702       </g>
    703     </svg>
    704       </g>
    705     </g>
    706   
    707 
    708   <g class="io-group" transform="translate(84 37)">
    709     <rect class="input-background" width="58" height="40" rx="5"/>
    710     <g transform="translate(6 6)"><svg id="TRIGGER_PARAM">
    711       <g transform="translate(9 9)">
    712         <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
    713       </g>
    714     </svg></g>
    715     <g transform="translate(31 3)"><svg id="TRIGGER_INPUT">
    716       <g transform="translate(12 12)">
    717         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    718         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    719       </g>
    720     </svg></g>
    721     <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
    722   </g>
    723 
    724   <g transform="translate(120 93)">
    725     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text>
    726     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text>
    727     <g transform="translate(0 2)"><svg id="MODE_PARAM">
    728       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    729       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    730     </svg></g>
    731     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text>
    732   </g>
    733 
    734   <g transform="translate(120 143)">
    735     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
    736     <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
    737     <g transform="translate(0 2)"><svg id="LOOP_PARAM">
    738       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    739       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    740     </svg></g>
    741     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
    742   </g>
    743 
    744   <g transform="translate(20 319)">
    745     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text>
    746     <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
    747     <g transform="translate(0 2)"><svg id="SPEED_PARAM">
    748       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    749       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    750     </svg></g>
    751     <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
    752   </g>
    753 
    754   <g transform="translate(55 319)">
    755     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text>
    756     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text>
    757     <g transform="translate(0 2)"><svg id="RETRIGGER_PARAM">
    758       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    759       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    760     </svg></g>
    761     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text>
    762   </g>
    763 
    764   <g class="io-group" transform="translate(112 187)">
    765     <rect class="output-background" width="30" height="116" rx="5"/>
    766     <g transform="translate(0 1)">
    767       <g transform="translate(3 3)"><svg id="ENV_OUTPUT">
    768       <g transform="translate(12 12)">
    769         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    770         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    771       </g>
    772     </svg></g>
    773       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
    774     </g>
    775     <g transform="translate(0 38)">
    776       <g transform="translate(3 3)"><svg id="INV_OUTPUT">
    777       <g transform="translate(12 12)">
    778         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    779         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    780       </g>
    781     </svg></g>
    782       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text>
    783     </g>
    784     <g transform="translate(0 75)">
    785       <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT">
    786       <g transform="translate(12 12)">
    787         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    788         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    789       </g>
    790     </svg></g>
    791       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
    792     </g>
    793   </g>
    794 </svg>