BogaudioModules

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

Stack-pp.svg (10644B)


      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 </style>
     73 
     74   <defs>
     75     <symbol id="dial-octave-stack" viewBox="0 0 45px 45px">
     76       <g transform="translate(22.5 22.5)">
     77         <g transform="rotate(-180) translate(10 0)">
     78           <text font-size="5.0pt" transform="translate(2 0) rotate(180) translate(-4 2.2)">-3</text>
     79         </g>
     80         <g transform="rotate(-150) translate(11 0)">
     81           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
     82         </g>
     83         <g transform="rotate(-120) translate(11 0)">
     84           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
     85         </g>
     86         <g transform="rotate(-90) translate(10 0)">
     87           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2.2 2.2)">0</text>
     88         </g>
     89         <g transform="rotate(-60) translate(11 0)">
     90           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
     91         </g>
     92         <g transform="rotate(-30) translate(11 0)">
     93           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
     94         </g>
     95         <g transform="rotate(0) translate(10 0)">
     96           <text font-size="5.0pt" transform="translate(2 0) rotate(0) translate(-2.2 2.2)">3</text>
     97         </g>
     98       </g>
     99     </symbol>
    100 
    101     <symbol id="dial-interval-stack" viewBox="0 0 45px 45px">
    102       <g transform="translate(22.5 22.5)">
    103         <g transform="rotate(-240) translate(15 0)">
    104           <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-2.2 2.2)">0</text>
    105         </g>
    106         <g transform="rotate(-212.73) translate(15 0)">
    107           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    108         </g>
    109         <g transform="rotate(-185.45) translate(15 0)">
    110           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    111         </g>
    112         <g transform="rotate(-158.18) translate(15 0)">
    113           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    114         </g>
    115         <g transform="rotate(-130.91) translate(15 0)">
    116           <text font-size="5.0pt" transform="translate(2.5 0) rotate(130.91) translate(-2.2 2.2)">4</text>
    117         </g>
    118         <g transform="rotate(-103.64) translate(15 0)">
    119           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    120         </g>
    121         <g transform="rotate(-76.36) translate(15 0)">
    122           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    123         </g>
    124         <g transform="rotate(-49.09) translate(15 0)">
    125           <text font-size="5.0pt" transform="translate(2.5 0) rotate(49.09) translate(-2.2 2.2)">7</text>
    126         </g>
    127         <g transform="rotate(-21.82) translate(15 0)">
    128           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    129         </g>
    130         <g transform="rotate(5.45) translate(15 0)">
    131           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    132         </g>
    133         <g transform="rotate(32.73) translate(15 0)">
    134           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    135         </g>
    136         <g transform="rotate(60) translate(15 0)">
    137           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-4 2.2)">11</text>
    138         </g>
    139       </g>
    140     </symbol>
    141 
    142     <symbol id="dial-fine-stack" viewBox="0 0 45px 45px">
    143       <g transform="translate(22.5 22.5)">
    144         <g transform="rotate(-240) translate(10 0)">
    145           
    146           <text font-size="5.0pt" transform="translate(2.5 0) rotate(240) translate(-1.5 2.2)">-</text>
    147         </g>
    148         <g transform="rotate(-90) translate(10 0)">
    149           
    150           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-1.9 2.2)">0</text>
    151         </g>
    152         <g transform="rotate(60) translate(10 0)">
    153           
    154           <text font-size="5.0pt" transform="translate(2.5 0) rotate(-60) translate(-1.9 2.2)">+</text>
    155         </g>
    156         <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="#333" fill="none" transform="rotate(20)"/>
    157         <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="#333" fill="none" transform="rotate(43)"/>
    158         <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="#333" fill="none" transform="rotate(-20)"/>
    159         <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="#333" fill="none" transform="rotate(-43)"/>
    160       </g>
    161     </symbol>
    162   </defs>
    163 
    164   
    165       
    166       <rect class="module-background background-fill" width="45.0" height="380.0"/>
    167     
    168       
    169       <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"/>
    170       <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"/>
    171       <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"/>
    172     
    173       <g transform="rotate(-90) translate(-376.0 13)">
    174         <text class="title" font-size="7pt" letter-spacing="2.5px">STACK</text>
    175         <g transform="translate(0 12)">
    176           <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
    177           <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
    178         </g>
    179       </g>
    180     
    181 
    182   <g transform="translate(0 25)">
    183     <text font-size="6pt" letter-spacing="2px" transform="translate(6.4 0)">SEMIS</text>
    184     <g transform="translate(9.5 7.5)"><svg id="SEMIS_PARAM">
    185       <g transform="translate(13 13)">
    186         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    187         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    188         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    189       </g>
    190     </svg></g>
    191     <use xlink:href="#dial-interval-stack" transform="translate(0 -2)" href="#dial-interval-stack"/>
    192   </g>
    193 
    194   <g transform="translate(0 77)">
    195     <text font-size="6pt" letter-spacing="2px" transform="translate(2.2 0)">OCTAVE</text>
    196     <g transform="translate(14.5 9.5)"><svg id="OCTAVE_PARAM">
    197       <g transform="translate(8 8)">
    198         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    199         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    200         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    201       </g>
    202     </svg></g>
    203     <use xlink:href="#dial-octave-stack" transform="translate(0 -5)" href="#dial-octave-stack"/>
    204   </g>
    205 
    206   <g transform="translate(0 117)">
    207     <text font-size="6pt" letter-spacing="2px" transform="translate(11 0)">FINE</text>
    208     <g transform="translate(14.5 9.5)"><svg id="FINE_PARAM">
    209       <g transform="translate(8 8)">
    210         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    211         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    212         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    213       </g>
    214     </svg></g>
    215     <use xlink:href="#dial-fine-stack" transform="translate(0 -5)" href="#dial-fine-stack"/>
    216   </g>
    217 
    218   <g class="io-group" transform="translate(5.5 154)">
    219     <rect class="input-background" width="34" height="50" rx="5"/>
    220     <g transform="translate(5 3)"><svg id="CV_INPUT">
    221       <g transform="translate(12 12)">
    222         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    223         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    224       </g>
    225     </svg></g>
    226     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">CV</text>
    227     <g transform="translate(1.5 39)">
    228       <text class="input-label" font-size="5pt" letter-spacing="0.75px" transform="translate(0 6)">QNTZ</text>
    229       <g transform="translate(22 -1)"><svg id="QUANTIZE_PARAM">
    230       <g transform="translate(4.5 4.5)">
    231         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    232       </g>
    233     </svg></g>
    234     </g>
    235   </g>
    236 
    237   <g transform="translate(0 212)">
    238     <g class="io-group" transform="translate(5.5 0)">
    239       <rect class="input-background-filler" width="34" height="10" transform="translate(0 28)"/>
    240       <rect class="input-background" width="34" height="35" rx="5"/>
    241       <g transform="translate(5 3)"><svg id="IN_INPUT">
    242       <g transform="translate(12 12)">
    243         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    244         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    245       </g>
    246     </svg></g>
    247       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
    248     </g>
    249     <g class="io-group" transform="translate(5.5 41)">
    250       <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/>
    251       <rect class="output-background" width="34" height="72" rx="5"/>
    252       <g transform="translate(5 0)"><svg id="THRU_OUTPUT">
    253       <g transform="translate(12 12)">
    254         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    255         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    256       </g>
    257     </svg></g>
    258       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 32)">THRU</text>
    259       <g transform="translate(5 36)"><svg id="OUT_OUTPUT">
    260       <g transform="translate(12 12)">
    261         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    262         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    263       </g>
    264     </svg></g>
    265       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 68)">OUT</text>
    266     </g>
    267   </g>
    268 </svg>