BogaudioModules

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

DADSRH-pp.svg (25564B)


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