BogaudioModules

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

DADSRHPlus-pp.svg (29166B)


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