BogaudioModules

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

Stack-dark-pp.svg (11509B)


      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="45.0" height="380.0" viewBox="0 0 45.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   <defs>
    139     <symbol id="dial-octave-stack" viewBox="0 0 45px 45px">
    140       <g transform="translate(22.5 22.5)">
    141         <g transform="rotate(-180) translate(10 0)">
    142           <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text>
    143         </g>
    144         <g transform="rotate(-150) translate(11 0)">
    145           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    146         </g>
    147         <g transform="rotate(-120) translate(11 0)">
    148           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    149         </g>
    150         <g transform="rotate(-90) translate(10 0)">
    151           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text>
    152         </g>
    153         <g transform="rotate(-60) translate(11 0)">
    154           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    155         </g>
    156         <g transform="rotate(-30) translate(11 0)">
    157           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    158         </g>
    159         <g transform="rotate(0) translate(10 0)">
    160           <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text>
    161         </g>
    162       </g>
    163     </symbol>
    164 
    165     <symbol id="dial-interval-stack" viewBox="0 0 45px 45px">
    166       <g transform="translate(22.5 22.5)">
    167         <g transform="rotate(-240) translate(15 0)">
    168           <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text>
    169         </g>
    170         <g transform="rotate(-212.73) translate(15 0)">
    171           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    172         </g>
    173         <g transform="rotate(-185.45) translate(15 0)">
    174           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    175         </g>
    176         <g transform="rotate(-158.18) translate(15 0)">
    177           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    178         </g>
    179         <g transform="rotate(-130.91) translate(15 0)">
    180           <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text>
    181         </g>
    182         <g transform="rotate(-103.64) translate(15 0)">
    183           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    184         </g>
    185         <g transform="rotate(-76.36) translate(15 0)">
    186           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    187         </g>
    188         <g transform="rotate(-49.09) translate(15 0)">
    189           <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text>
    190         </g>
    191         <g transform="rotate(-21.82) translate(15 0)">
    192           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    193         </g>
    194         <g transform="rotate(5.45) translate(15 0)">
    195           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    196         </g>
    197         <g transform="rotate(32.73) translate(15 0)">
    198           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    199         </g>
    200         <g transform="rotate(60) translate(15 0)">
    201           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text>
    202         </g>
    203       </g>
    204     </symbol>
    205 
    206     <symbol id="dial-fine-stack" viewBox="0 0 45px 45px">
    207       <g transform="translate(22.5 22.5)">
    208         <g transform="rotate(-240) translate(10 0)">
    209           
    210           <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text>
    211         </g>
    212         <g transform="rotate(-90) translate(10 0)">
    213           
    214           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text>
    215         </g>
    216         <g transform="rotate(60) translate(10 0)">
    217           
    218           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
    219         </g>
    220         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(20)"/>
    221         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(43)"/>
    222         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-20)"/>
    223         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-43)"/>
    224       </g>
    225     </symbol>
    226   </defs>
    227 
    228   
    229       
    230       <rect class="module-background background-fill" width="45.0" height="380.0"/>
    231     
    232       
    233       <polyline class="module-border-inner" points="1,1 44.0,1 44.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    234       <polyline class="module-border-middle" points="0.5,0.5 44.5,0.5 44.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    235       <polyline class="module-border-outer" points="0,0 45.0,0 45.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    236     
    237       <g transform="rotate(-90) translate(-376.0 13)">
    238         <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
    239         <g transform="translate(0 12)">
    240           <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
    241           <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
    242         </g>
    243       </g>
    244     
    245 
    246   <g transform="translate(0 25)">
    247     <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text>
    248     <g transform="translate(9.5 7.5)"><svg id="SEMIS_PARAM">
    249       <g transform="translate(13 13)">
    250         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    251         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    252         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    253       </g>
    254     </svg></g>
    255     <use xlink:href="#dial-interval-stack" transform="translate(0 -2)" href="#dial-interval-stack"/>
    256   </g>
    257 
    258   <g transform="translate(0 77)">
    259     <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text>
    260     <g transform="translate(14.5 9.5)"><svg id="OCTAVE_PARAM">
    261       <g transform="translate(8 8)">
    262         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    263         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    264         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    265       </g>
    266     </svg></g>
    267     <use xlink:href="#dial-octave-stack" transform="translate(0 -5)" href="#dial-octave-stack"/>
    268   </g>
    269 
    270   <g transform="translate(0 117)">
    271     <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text>
    272     <g transform="translate(14.5 9.5)"><svg id="FINE_PARAM">
    273       <g transform="translate(8 8)">
    274         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    275         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    276         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    277       </g>
    278     </svg></g>
    279     <use xlink:href="#dial-fine-stack" transform="translate(0 -5)" href="#dial-fine-stack"/>
    280   </g>
    281 
    282   <g class="io-group" transform="translate(5.5 154)">
    283     <rect class="input-background" width="34" height="50" rx="5"/>
    284     <g transform="translate(5 3)"><svg id="CV_INPUT">
    285       <g transform="translate(12 12)">
    286         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    287         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    288       </g>
    289     </svg></g>
    290     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
    291     <g transform="translate(1.5 39)">
    292       <text class="input-label" font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text>
    293       <g transform="translate(22 -1)"><svg id="QUANTIZE_PARAM">
    294       <g transform="translate(4.5 4.5)">
    295         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    296       </g>
    297     </svg></g>
    298     </g>
    299   </g>
    300 
    301   <g transform="translate(0 212)">
    302     <g class="io-group" transform="translate(5.5 0)">
    303       <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/>
    304       <rect class="input-background" width="34" height="35" rx="5"/>
    305       <g transform="translate(5 3)"><svg id="IN_INPUT">
    306       <g transform="translate(12 12)">
    307         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    308         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    309       </g>
    310     </svg></g>
    311       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
    312     </g>
    313     <g class="io-group" transform="translate(5.5 41)">
    314       <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/>
    315       <rect class="output-background" width="34" height="72" rx="5"/>
    316       <g transform="translate(5 0)"><svg id="THRU_OUTPUT">
    317       <g transform="translate(12 12)">
    318         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    319         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    320       </g>
    321     </svg></g>
    322       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text>
    323       <g transform="translate(5 36)"><svg id="OUT_OUTPUT">
    324       <g transform="translate(12 12)">
    325         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    326         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    327       </g>
    328     </svg></g>
    329       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text>
    330     </g>
    331   </g>
    332 </svg>