BogaudioModules

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

DADSRH-dark-pp.svg (26429B)


      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="150.0" height="380.0" viewBox="0 0 150.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: #eee;
     76 }
     77 
     78 polyline {
     79   stroke: #ccc;
     80 }
     81 path {
     82   stroke: #ccc;
     83 }
     84 
     85 rect.module-background, .background-fill {
     86   fill: #111;
     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: #aaa;
    100 }
    101 rect.output-background, rect.output-background-filler {
    102   fill: #666;
    103 }
    104 text.input-label {
    105   fill: #222;
    106 }
    107 polyline.input-label, path.input-label {
    108   stroke: #222;
    109 }
    110 text.output-label {
    111   fill: #ddd;
    112 }
    113 polyline.output-label, path.output-label {
    114   stroke: #ddd;
    115 }
    116 
    117 circle.port-rim {
    118   stroke: #c0c0c0;
    119 }
    120 circle.port-barrel {
    121   stroke: #222;
    122   fill: #222;
    123 }
    124 circle.knob-center {
    125    fill: #888;
    126 }
    127 circle.knob-rim {
    128    fill: #444;
    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="150.0" height="380.0"/>
    141     
    142       
    143       <polyline class="module-border-inner" points="1,1 149.0,1 149.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 149.5,0.5 149.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 150.0,0 150.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(75.0 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(75.0 0)">BOGAUDIO</text>
    150         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
    151       </g>
    152     
    153 
    154   <g transform="translate(9 33)">
    155     <g transform="translate(0 0)">
    156       <text font-size="8pt" letter-spacing="2px" transform="translate(8 40) rotate(270)">DELAY</text>
    157       <g transform="translate(18 0)"><svg id="DELAY_PARAM">
    158       <g transform="translate(19 19)">
    159         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    160         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    161         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    162       </g>
    163     </svg></g>
    164       <g transform="translate(3 43)"><svg id="DELAY_LIGHT">
    165       <rect width="3.2" height="3.2" fill="#0f0"/>
    166     </svg></g>
    167     </g>
    168 
    169     <g transform="translate(0 56)">
    170       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">ATT</text>
    171       <g transform="translate(18 0)"><svg id="ATTACK_PARAM">
    172       <g transform="translate(19 19)">
    173         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    174         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    175         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    176       </g>
    177     </svg></g>
    178       <g transform="translate(3 34)"><svg id="ATTACK_LIGHT">
    179       <rect width="3.2" height="3.2" fill="#0f0"/>
    180     </svg></g>
    181     </g>
    182 
    183     <g transform="translate(0 112)">
    184       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">DEC</text>
    185       <g transform="translate(18 0)"><svg id="DECAY_PARAM">
    186       <g transform="translate(19 19)">
    187         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    188         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    189         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    190       </g>
    191     </svg></g>
    192       <g transform="translate(3 34)"><svg id="DECAY_LIGHT">
    193       <rect width="3.2" height="3.2" fill="#0f0"/>
    194     </svg></g>
    195     </g>
    196 
    197     <g transform="translate(0 168)">
    198       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">SUS</text>
    199       <g transform="translate(18 0)"><svg id="SUSTAIN_PARAM">
    200       <g transform="translate(19 19)">
    201         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    202         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    203         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    204       </g>
    205     </svg></g>
    206       <g transform="translate(3 34)"><svg id="SUSTAIN_LIGHT">
    207       <rect width="3.2" height="3.2" fill="#0f0"/>
    208     </svg></g>
    209     </g>
    210 
    211     <g transform="translate(0 224)">
    212       <text font-size="8pt" letter-spacing="2px" transform="translate(8 31) rotate(270)">REL</text>
    213       <g transform="translate(18 0)"><svg id="RELEASE_PARAM">
    214       <g transform="translate(19 19)">
    215         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    216         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    217         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    218       </g>
    219     </svg></g>
    220       <g transform="translate(3 34)"><svg id="RELEASE_LIGHT">
    221       <rect width="3.2" height="3.2" fill="#0f0"/>
    222     </svg></g>
    223     </g>
    224 
    225     <g transform="translate(0 280)">
    226       <g transform="translate(75 0)">
    227         <text font-size="8pt" letter-spacing="2px" transform="translate(48 2) rotate(90)">HOLD</text>
    228         <g transform="translate(-1.7 0)"><svg id="HOLD_PARAM">
    229       <g transform="translate(19 19)">
    230         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    231         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    232         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    233       </g>
    234     </svg></g>
    235       </g>
    236     </g>
    237   </g>
    238 
    239   <g transform="scale(0.75) translate(11 19)">
    240       <g transform="translate(50.5 50.5)">
    241         <g transform="rotate(-240) translate(30 0)">
    242           <g transform="translate(2 0) rotate(240)">
    243             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    244           </g>
    245         </g>
    246         <g transform="rotate(-172.92) translate(30 0)">
    247           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    248         </g>
    249         <g transform="rotate(-145.13) translate(30 0)">
    250           <g transform="translate(2 0) rotate(145.13)">
    251             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    252           </g>
    253         </g>
    254         <g transform="rotate(-105.84) translate(30 0)">
    255           <g transform="translate(2 0) rotate(105.84)">
    256             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    257           </g>
    258         </g>
    259         <g transform="rotate(-75.68) translate(30 0)">
    260           <polyline points="0,0 4,0" stroke-width="0.7"/>
    261         </g>
    262         <g transform="rotate(-50.26) translate(30 0)">
    263           <polyline points="0,0 4,0" stroke-width="0.7"/>
    264         </g>
    265         <g transform="rotate(-27.87) translate(30 0)">
    266           <g transform="translate(2 0) rotate(27.87)">
    267             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    268           </g>
    269         </g>
    270         <g transform="rotate(-7.62) translate(30 0)">
    271           <polyline points="0,0 4,0" stroke-width="0.7"/>
    272         </g>
    273         <g transform="rotate(11) translate(30 0)">
    274           <polyline points="0,0 4,0" stroke-width="0.7"/>
    275         </g>
    276         <g transform="rotate(28.33) translate(30 0)">
    277           <polyline points="0,0 4,0" stroke-width="0.7"/>
    278         </g>
    279         <g transform="rotate(44.6) translate(30 0)">
    280           <polyline points="0,0 4,0" stroke-width="0.7"/>
    281         </g>
    282         <g transform="rotate(60) translate(30 0)">
    283           <g transform="translate(2 0) rotate(-60)">
    284             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    285           </g>
    286         </g>
    287       </g>
    288     </g>
    289   <g transform="scale(0.75) translate(11 94)">
    290       <g transform="translate(50.5 50.5)">
    291         <g transform="rotate(-240) translate(30 0)">
    292           <g transform="translate(2 0) rotate(240)">
    293             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    294           </g>
    295         </g>
    296         <g transform="rotate(-172.92) translate(30 0)">
    297           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    298         </g>
    299         <g transform="rotate(-145.13) translate(30 0)">
    300           <g transform="translate(2 0) rotate(145.13)">
    301             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    302           </g>
    303         </g>
    304         <g transform="rotate(-105.84) translate(30 0)">
    305           <g transform="translate(2 0) rotate(105.84)">
    306             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    307           </g>
    308         </g>
    309         <g transform="rotate(-75.68) translate(30 0)">
    310           <polyline points="0,0 4,0" stroke-width="0.7"/>
    311         </g>
    312         <g transform="rotate(-50.26) translate(30 0)">
    313           <polyline points="0,0 4,0" stroke-width="0.7"/>
    314         </g>
    315         <g transform="rotate(-27.87) translate(30 0)">
    316           <g transform="translate(2 0) rotate(27.87)">
    317             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    318           </g>
    319         </g>
    320         <g transform="rotate(-7.62) translate(30 0)">
    321           <polyline points="0,0 4,0" stroke-width="0.7"/>
    322         </g>
    323         <g transform="rotate(11) translate(30 0)">
    324           <polyline points="0,0 4,0" stroke-width="0.7"/>
    325         </g>
    326         <g transform="rotate(28.33) translate(30 0)">
    327           <polyline points="0,0 4,0" stroke-width="0.7"/>
    328         </g>
    329         <g transform="rotate(44.6) translate(30 0)">
    330           <polyline points="0,0 4,0" stroke-width="0.7"/>
    331         </g>
    332         <g transform="rotate(60) translate(30 0)">
    333           <g transform="translate(2 0) rotate(-60)">
    334             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    335           </g>
    336         </g>
    337       </g>
    338     </g>
    339   <g transform="scale(0.75) translate(11 169)">
    340       <g transform="translate(50.5 50.5)">
    341         <g transform="rotate(-240) translate(30 0)">
    342           <g transform="translate(2 0) rotate(240)">
    343             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    344           </g>
    345         </g>
    346         <g transform="rotate(-172.92) translate(30 0)">
    347           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    348         </g>
    349         <g transform="rotate(-145.13) translate(30 0)">
    350           <g transform="translate(2 0) rotate(145.13)">
    351             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    352           </g>
    353         </g>
    354         <g transform="rotate(-105.84) translate(30 0)">
    355           <g transform="translate(2 0) rotate(105.84)">
    356             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    357           </g>
    358         </g>
    359         <g transform="rotate(-75.68) translate(30 0)">
    360           <polyline points="0,0 4,0" stroke-width="0.7"/>
    361         </g>
    362         <g transform="rotate(-50.26) translate(30 0)">
    363           <polyline points="0,0 4,0" stroke-width="0.7"/>
    364         </g>
    365         <g transform="rotate(-27.87) translate(30 0)">
    366           <g transform="translate(2 0) rotate(27.87)">
    367             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    368           </g>
    369         </g>
    370         <g transform="rotate(-7.62) translate(30 0)">
    371           <polyline points="0,0 4,0" stroke-width="0.7"/>
    372         </g>
    373         <g transform="rotate(11) translate(30 0)">
    374           <polyline points="0,0 4,0" stroke-width="0.7"/>
    375         </g>
    376         <g transform="rotate(28.33) translate(30 0)">
    377           <polyline points="0,0 4,0" stroke-width="0.7"/>
    378         </g>
    379         <g transform="rotate(44.6) translate(30 0)">
    380           <polyline points="0,0 4,0" stroke-width="0.7"/>
    381         </g>
    382         <g transform="rotate(60) translate(30 0)">
    383           <g transform="translate(2 0) rotate(-60)">
    384             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    385           </g>
    386         </g>
    387       </g>
    388     </g>
    389   <g transform="scale(0.75) translate(11 243)">
    390       <g transform="translate(50.5 50.5)">
    391         <g transform="rotate(-240) translate(30 0)">
    392           <g transform="translate(2 0) rotate(240)">
    393             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    394           </g>
    395         </g>
    396         <g transform="rotate(-210) translate(30 0)">
    397           <polyline points="0,0 4,0" stroke-width="0.7"/>
    398         </g>
    399         <g transform="rotate(-180) translate(30 0)">
    400           <polyline points="0,0 4,0" stroke-width="0.7"/>
    401         </g>
    402         <g transform="rotate(-150) translate(30 0)">
    403           <polyline points="0,0 5,0" stroke-width="0.7"/>
    404         </g>
    405         <g transform="rotate(-120) translate(30 0)">
    406           <polyline points="0,0 4,0" stroke-width="0.7"/>
    407         </g>
    408         <g transform="rotate(-90) translate(30 0)">
    409           <polyline points="0,0 4,0" stroke-width="0.7"/>
    410         </g>
    411         <g transform="rotate(-60) translate(30 0)">
    412           <polyline points="0,0 4,0" stroke-width="0.7"/>
    413         </g>
    414         <g transform="rotate(-30) translate(30 0)">
    415           <polyline points="0,0 4,0" stroke-width="0.7"/>
    416         </g>
    417         <g transform="rotate(0) translate(30 0)">
    418           <polyline points="0,0 4,0" stroke-width="0.7"/>
    419         </g>
    420         <g transform="rotate(30) translate(30 0)">
    421           <polyline points="0,0 4,0" stroke-width="0.7"/>
    422         </g>
    423         <g transform="rotate(60) translate(30 0)">
    424           <g transform="translate(2 0) rotate(-60)">
    425             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    426           </g>
    427         </g>
    428       </g>
    429     </g>
    430   <g transform="scale(0.75) translate(11 318)">
    431       <g transform="translate(50.5 50.5)">
    432         <g transform="rotate(-240) translate(30 0)">
    433           <g transform="translate(2 0) rotate(240)">
    434             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    435           </g>
    436         </g>
    437         <g transform="rotate(-172.92) translate(30 0)">
    438           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    439         </g>
    440         <g transform="rotate(-145.13) translate(30 0)">
    441           <g transform="translate(2 0) rotate(145.13)">
    442             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    443           </g>
    444         </g>
    445         <g transform="rotate(-105.84) translate(30 0)">
    446           <g transform="translate(2 0) rotate(105.84)">
    447             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    448           </g>
    449         </g>
    450         <g transform="rotate(-75.68) translate(30 0)">
    451           <polyline points="0,0 4,0" stroke-width="0.7"/>
    452         </g>
    453         <g transform="rotate(-50.26) translate(30 0)">
    454           <polyline points="0,0 4,0" stroke-width="0.7"/>
    455         </g>
    456         <g transform="rotate(-27.87) translate(30 0)">
    457           <g transform="translate(2 0) rotate(27.87)">
    458             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    459           </g>
    460         </g>
    461         <g transform="rotate(-7.62) translate(30 0)">
    462           <polyline points="0,0 4,0" stroke-width="0.7"/>
    463         </g>
    464         <g transform="rotate(11) translate(30 0)">
    465           <polyline points="0,0 4,0" stroke-width="0.7"/>
    466         </g>
    467         <g transform="rotate(28.33) translate(30 0)">
    468           <polyline points="0,0 4,0" stroke-width="0.7"/>
    469         </g>
    470         <g transform="rotate(44.6) translate(30 0)">
    471           <polyline points="0,0 4,0" stroke-width="0.7"/>
    472         </g>
    473         <g transform="rotate(60) translate(30 0)">
    474           <g transform="translate(2 0) rotate(-60)">
    475             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    476           </g>
    477         </g>
    478       </g>
    479     </g>
    480   <g transform="scale(0.75) translate(85 392.5)">
    481       <g transform="translate(50.5 50.5)">
    482         <g transform="rotate(-240) translate(30 0)">
    483           <g transform="translate(2 0) rotate(240)">
    484             <text font-size="7pt" transform="translate(-2.8 3.3)">0</text>
    485           </g>
    486         </g>
    487         <g transform="rotate(-172.92) translate(30 0)">
    488           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    489         </g>
    490         <g transform="rotate(-145.13) translate(30 0)">
    491           <g transform="translate(2 0) rotate(145.13)">
    492             <text font-size="7pt" transform="translate(-2.8 3.3)">1</text>
    493           </g>
    494         </g>
    495         <g transform="rotate(-105.84) translate(30 0)">
    496           <g transform="translate(2 0) rotate(105.84)">
    497             <text font-size="7pt" transform="translate(-2.8 3.3)">2</text>
    498           </g>
    499         </g>
    500         <g transform="rotate(-75.68) translate(30 0)">
    501           <polyline points="0,0 4,0" stroke-width="0.7"/>
    502         </g>
    503         <g transform="rotate(-50.26) translate(30 0)">
    504           <polyline points="0,0 4,0" stroke-width="0.7"/>
    505         </g>
    506         <g transform="rotate(-27.87) translate(30 0)">
    507           <g transform="translate(2 0) rotate(27.87)">
    508             <text font-size="7pt" transform="translate(-2.8 3.3)">5</text>
    509           </g>
    510         </g>
    511         <g transform="rotate(-7.62) translate(30 0)">
    512           <polyline points="0,0 4,0" stroke-width="0.7"/>
    513         </g>
    514         <g transform="rotate(11) translate(30 0)">
    515           <polyline points="0,0 4,0" stroke-width="0.7"/>
    516         </g>
    517         <g transform="rotate(28.33) translate(30 0)">
    518           <polyline points="0,0 4,0" stroke-width="0.7"/>
    519         </g>
    520         <g transform="rotate(44.6) translate(30 0)">
    521           <polyline points="0,0 4,0" stroke-width="0.7"/>
    522         </g>
    523         <g transform="rotate(60) translate(30 0)">
    524           <g transform="translate(2 0) rotate(-60)">
    525             <text font-size="7pt" transform="translate(-5.3 3.3)">10</text>
    526           </g>
    527         </g>
    528       </g>
    529     </g>
    530 
    531   
    532     <g transform="translate(77 96)">
    533       <g transform="translate(0 0)">
    534         <svg id="ATTACK_SHAPE1_LIGHT">
    535       <rect width="3.2" height="3.2" fill="#0f0"/>
    536     </svg>
    537         <g transform="translate(5 5)">
    538           <path d="M 1 1 Q 1 -6, 8 -6" stroke-width="1" stroke="#ccc" fill="none"/>
    539         </g>
    540       </g>
    541       <g transform="translate(0 10)">
    542         <svg id="ATTACK_SHAPE2_LIGHT">
    543       <rect width="3.2" height="3.2" fill="#0f0"/>
    544     </svg>
    545         <g transform="translate(5 5)">
    546           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(-45)"/>
    547         </g>
    548       </g>
    549       <g transform="translate(0 20)">
    550         <svg id="ATTACK_SHAPE3_LIGHT">
    551       <rect width="3.2" height="3.2" fill="#0f0"/>
    552     </svg>
    553         <g transform="translate(5 5)">
    554           <path d="M 0 1 Q 7 1, 8 -7" stroke-width="1" stroke="#ccc" fill="none"/>
    555         </g>
    556       </g>
    557       <g transform="translate(0 28)">
    558         <svg id="ATTACK_SHAPE_PARAM">
    559       <g transform="translate(4.5 4.5)">
    560         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    561       </g>
    562     </svg>
    563       </g>
    564     </g>
    565 
    566     <g transform="translate(77 152.5)">
    567       <g transform="translate(0 0)">
    568         <g transform="translate(0 0)"><svg id="DECAY_SHAPE1_LIGHT">
    569       <rect width="3.2" height="3.2" fill="#0f0"/>
    570     </svg></g>
    571         <g transform="translate(5 0)">
    572           <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ccc" fill="none"/>
    573         </g>
    574       </g>
    575       <g transform="translate(0 10)">
    576         <svg id="DECAY_SHAPE2_LIGHT">
    577       <rect width="3.2" height="3.2" fill="#0f0"/>
    578     </svg>
    579         <g transform="translate(6 -2)">
    580           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/>
    581         </g>
    582       </g>
    583       <g transform="translate(0 20)">
    584         <svg id="DECAY_SHAPE3_LIGHT">
    585       <rect width="3.2" height="3.2" fill="#0f0"/>
    586     </svg>
    587         <g transform="translate(5 0)">
    588           <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ccc" fill="none"/>
    589         </g>
    590       </g>
    591       <g transform="translate(0 28)">
    592         <svg id="DECAY_SHAPE_PARAM">
    593       <g transform="translate(4.5 4.5)">
    594         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    595       </g>
    596     </svg>
    597       </g>
    598     </g>
    599 
    600     <g transform="translate(77 264.5)">
    601       <g transform="translate(0 0)">
    602         <svg id="RELEASE_SHAPE1_LIGHT">
    603       <rect width="3.2" height="3.2" fill="#0f0"/>
    604     </svg>
    605         <g transform="translate(5 0)">
    606           <path d="M 0.5 -1 Q 1 6, 8 6" stroke-width="1" stroke="#ccc" fill="none"/>
    607         </g>
    608       </g>
    609       <g transform="translate(0 10)">
    610         <svg id="RELEASE_SHAPE2_LIGHT">
    611       <rect width="3.2" height="3.2" fill="#0f0"/>
    612     </svg>
    613         <g transform="translate(6 -2)">
    614           <polyline points="0,1 10,1" stroke-width="1" fill="none" transform="rotate(45)"/>
    615         </g>
    616       </g>
    617       <g transform="translate(0 20)">
    618         <svg id="RELEASE_SHAPE3_LIGHT">
    619       <rect width="3.2" height="3.2" fill="#0f0"/>
    620     </svg>
    621         <g transform="translate(5 0)">
    622           <path d="M 0.5 -1 Q 6 0, 7 6" stroke-width="1" stroke="#ccc" fill="none"/>
    623         </g>
    624       </g>
    625       <g transform="translate(0 28)">
    626         <svg id="RELEASE_SHAPE_PARAM">
    627       <g transform="translate(4.5 4.5)">
    628         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    629       </g>
    630     </svg>
    631       </g>
    632     </g>
    633   
    634 
    635   <g class="io-group" transform="translate(84 37)">
    636     <rect class="input-background" width="58" height="40" rx="5"/>
    637     <g transform="translate(6 6)"><svg id="TRIGGER_PARAM">
    638       <g transform="translate(9 9)">
    639         <circle cx="0" cy="0" r="8.5" stroke-width="1" stroke="#00f" fill="#f00"/>
    640       </g>
    641     </svg></g>
    642     <g transform="translate(31 3)"><svg id="TRIGGER_INPUT">
    643       <g transform="translate(12 12)">
    644         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    645         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    646       </g>
    647     </svg></g>
    648     <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">TRIGGER</text>
    649   </g>
    650 
    651   <g transform="translate(120 93)">
    652     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 27.5) rotate(270)">MODE</text>
    653     <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">GATE</text>
    654     <g transform="translate(0 2)"><svg id="MODE_PARAM">
    655       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    656       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    657     </svg></g>
    658     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">TRIG</text>
    659   </g>
    660 
    661   <g transform="translate(120 143)">
    662     <text font-size="5pt" letter-spacing="2px" transform="translate(-8 28.5) rotate(270)">CYCLE</text>
    663     <text font-size="5pt" letter-spacing="2px" transform="translate(-4.5 -1)">STOP</text>
    664     <g transform="translate(0 2)"><svg id="LOOP_PARAM">
    665       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    666       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    667     </svg></g>
    668     <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">LOOP</text>
    669   </g>
    670 
    671   <g transform="translate(20 319)">
    672     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 28.5) rotate(270)">SPEED</text>
    673     <text font-size="5pt" letter-spacing="2px" transform="translate(2 -1)">1X</text>
    674     <g transform="translate(0 2)"><svg id="SPEED_PARAM">
    675       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    676       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    677     </svg></g>
    678     <text font-size="5pt" letter-spacing="2px" transform="translate(-1 34)">10X</text>
    679   </g>
    680 
    681   <g transform="translate(55 319)">
    682     <text font-size="5pt" letter-spacing="2px" transform="translate(-7 31) rotate(270)">RETRIG</text>
    683     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 -1)">ATT</text>
    684     <g transform="translate(0 2)"><svg id="RETRIGGER_PARAM">
    685       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    686       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    687     </svg></g>
    688     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.5 34)">RST</text>
    689   </g>
    690 
    691   <g class="io-group" transform="translate(112 187)">
    692     <rect class="output-background" width="30" height="116" rx="5"/>
    693     <g transform="translate(0 1)">
    694       <g transform="translate(3 3)"><svg id="ENV_OUTPUT">
    695       <g transform="translate(12 12)">
    696         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    697         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    698       </g>
    699     </svg></g>
    700       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">ENV</text>
    701     </g>
    702     <g transform="translate(0 38)">
    703       <g transform="translate(3 3)"><svg id="INV_OUTPUT">
    704       <g transform="translate(12 12)">
    705         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    706         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    707       </g>
    708     </svg></g>
    709       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">INV</text>
    710     </g>
    711     <g transform="translate(0 75)">
    712       <g transform="translate(3 3)"><svg id="TRIGGER_OUTPUT">
    713       <g transform="translate(12 12)">
    714         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    715         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    716       </g>
    717     </svg></g>
    718       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(6 36)">END</text>
    719     </g>
    720   </g>
    721 </svg>