BogaudioModules

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

EightOne-pp.svg (12156B)


      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="90.0" height="380.0" viewBox="0 0 90.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="90.0" height="380.0"/>
     77     
     78       
     79       <polyline class="module-border-inner" points="1,1 89.0,1 89.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 89.5,0.5 89.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 90.0,0 90.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
     82     
     83       <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">8:1</text>
     84       <g transform="translate(5.5 374)">
     85         <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
     86         <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
     87       </g>
     88     
     89 
     90   <g class="io-group" transform="translate(6.5 32)">
     91     <rect class="input-background" width="34" height="337" rx="5" transform="translate(0 -9)"/>
     92     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 0)">IN</text>
     93 
     94     <g transform="translate(5 3)"><svg id="IN1_INPUT">
     95       <g transform="translate(12 12)">
     96         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
     97         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
     98       </g>
     99     </svg></g>
    100     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 35)">1</text>
    101     <g transform="translate(17 29.5)"><svg id="IN1_LIGHT">
    102       <rect width="6.4" height="6.4" fill="#0f0"/>
    103     </svg></g>
    104 
    105     <g transform="translate(5 44.3)"><svg id="IN2_INPUT">
    106       <g transform="translate(12 12)">
    107         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    108         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    109       </g>
    110     </svg></g>
    111     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 76.3)">2</text>
    112     <g transform="translate(17 70.8)"><svg id="IN2_LIGHT">
    113       <rect width="6.4" height="6.4" fill="#0f0"/>
    114     </svg></g>
    115 
    116     <g transform="translate(5 86.6)"><svg id="IN3_INPUT">
    117       <g transform="translate(12 12)">
    118         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    119         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    120       </g>
    121     </svg></g>
    122     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 118.6)">3</text>
    123     <g transform="translate(17 113.1)"><svg id="IN3_LIGHT">
    124       <rect width="6.4" height="6.4" fill="#0f0"/>
    125     </svg></g>
    126 
    127     <g transform="translate(5 126.9)"><svg id="IN4_INPUT">
    128       <g transform="translate(12 12)">
    129         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    130         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    131       </g>
    132     </svg></g>
    133     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 158.9)">4</text>
    134     <g transform="translate(17 153.4)"><svg id="IN4_LIGHT">
    135       <rect width="6.4" height="6.4" fill="#0f0"/>
    136     </svg></g>
    137 
    138     <g transform="translate(5 168.1)"><svg id="IN5_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     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 200.1)">5</text>
    145     <g transform="translate(17 194.6)"><svg id="IN5_LIGHT">
    146       <rect width="6.4" height="6.4" fill="#0f0"/>
    147     </svg></g>
    148 
    149     <g transform="translate(5 209.4)"><svg id="IN6_INPUT">
    150       <g transform="translate(12 12)">
    151         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    152         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    153       </g>
    154     </svg></g>
    155     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 241.4)">6</text>
    156     <g transform="translate(17 235.9)"><svg id="IN6_LIGHT">
    157       <rect width="6.4" height="6.4" fill="#0f0"/>
    158     </svg></g>
    159 
    160     <g transform="translate(5 250.7)"><svg id="IN7_INPUT">
    161       <g transform="translate(12 12)">
    162         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    163         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    164       </g>
    165     </svg></g>
    166     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 282.7)">7</text>
    167     <g transform="translate(17 277.2)"><svg id="IN7_LIGHT">
    168       <rect width="6.4" height="6.4" fill="#0f0"/>
    169     </svg></g>
    170 
    171     <g transform="translate(5 292)"><svg id="IN8_INPUT">
    172       <g transform="translate(12 12)">
    173         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    174         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    175       </g>
    176     </svg></g>
    177     <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11 324)">8</text>
    178     <g transform="translate(17 318.5)"><svg id="IN8_LIGHT">
    179       <rect width="6.4" height="6.4" fill="#0f0"/>
    180     </svg></g>
    181   </g>
    182 
    183   <g class="io-group" transform="translate(49.5 32)">
    184     <rect class="input-background" width="34" height="39" rx="5"/>
    185     <rect class="input-background-filler" width="34" height="10" transform="translate(0 30)"/>
    186     <g transform="translate(5 3)"><svg id="CLOCK_INPUT">
    187       <g transform="translate(12 12)">
    188         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    189         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    190       </g>
    191     </svg></g>
    192     <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(4 35)">CLOCK</text>
    193   </g>
    194   <g class="io-group" transform="translate(49.5 69)">
    195     <rect class="input-background" width="34" height="39" rx="5"/>
    196     <g transform="translate(5 3)"><svg id="RESET_INPUT">
    197       <g transform="translate(12 12)">
    198         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    199         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    200       </g>
    201     </svg></g>
    202     <text class="input-label" font-size="5pt" letter-spacing="1px" transform="translate(5 35)">RESET</text>
    203   </g>
    204 
    205   <g transform="translate(44 121)">
    206     <text font-size="6pt" letter-spacing="1.5px" transform="translate(7.5 0)">STEPS</text>
    207     <g transform="translate(14.5 10.5)"><svg id="STEPS_PARAM">
    208       <g transform="translate(8 8)">
    209         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    210         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    211         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    212       </g>
    213     </svg></g>
    214     <g transform="translate(2.5 -1)">
    215       <g transform="translate(20 20)">
    216         <text font-size="5.0pt" transform="rotate(-240) translate(13 0) rotate(240) translate(-2 2)">1</text>
    217         <text font-size="5.0pt" transform="rotate(-197.1) translate(13 0) rotate(197.1) translate(-2 2)">2</text>
    218         <text font-size="5.0pt" transform="rotate(-154.3) translate(13 0) rotate(154.3) translate(-2 2)">3</text>
    219         <text font-size="5.0pt" transform="rotate(-111.4) translate(13 0) rotate(111.4) translate(-2 2)">4</text>
    220         <text font-size="5.0pt" transform="rotate(-68.6) translate(13 0) rotate(68.6) translate(-2 2)">5</text>
    221         <text font-size="5.0pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text>
    222         <text font-size="5.0pt" transform="rotate(17.1) translate(13 0) rotate(-17.1) translate(-2 2)">7</text>
    223         <text font-size="5.0pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-2 2)">8</text>
    224       </g>
    225     </g>
    226   </g>
    227 
    228   <g transform="translate(59 166)">
    229     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.8 -1)">FWD</text>
    230     <g transform="translate(0 2)"><svg id="DIRECTION_PARAM">
    231       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    232       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    233     </svg></g>
    234     <text font-size="5pt" letter-spacing="2px" transform="translate(-1.3 34)">REV</text>
    235   </g>
    236 
    237   
    238   
    239   <g transform="translate(44 220)">
    240     <text font-size="6pt" letter-spacing="1.5px" transform="translate(4.5 0)">SELECT</text>
    241     <g transform="translate(0 2)"><svg id="SELECT_PARAM">
    242       <g transform="translate(22.5 22.5)">
    243         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    244         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    245         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    246       </g>
    247     </svg></g>
    248     <g transform="translate(0 2)">
    249       <g transform="translate(22.5 22.5)">
    250         <text font-size="5.0pt" transform="rotate(-240) translate(19 0) rotate(240) translate(-2 2)">1</text>
    251         <text font-size="5.0pt" transform="rotate(-197.1) translate(19 0) rotate(197.1) translate(-2 2)">2</text>
    252         <text font-size="5.0pt" transform="rotate(-154.3) translate(19 0) rotate(154.3) translate(-2 2)">3</text>
    253         <text font-size="5.0pt" transform="rotate(-111.4) translate(19 0) rotate(111.4) translate(-2 2)">4</text>
    254         <text font-size="5.0pt" transform="rotate(-68.6) translate(19 0) rotate(68.6) translate(-2 2)">5</text>
    255         <text font-size="5.0pt" transform="rotate(-25.7) translate(19 0) rotate(25.7) translate(-2 2)">6</text>
    256         <text font-size="5.0pt" transform="rotate(17.1) translate(19 0) rotate(-17.1) translate(-2 2)">7</text>
    257         <text font-size="5.0pt" transform="rotate(60) translate(19 0) rotate(-60) translate(-2 2)">8</text>
    258       </g>
    259     </g>
    260     <g class="io-group" transform="translate(5.5 47)">
    261       <rect class="input-background" width="34" height="39" rx="5"/>
    262       <g transform="translate(5 3)"><svg id="SELECT_INPUT">
    263       <g transform="translate(12 12)">
    264         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    265         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    266       </g>
    267     </svg></g>
    268       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(11.5 35)">CV</text>
    269     </g>
    270   </g>
    271 
    272   <g class="io-group" transform="translate(49.5 321)">
    273     <rect class="output-background" width="34" height="39" rx="5"/>
    274     <g transform="translate(5 3)"><svg id="OUT_OUTPUT">
    275       <g transform="translate(12 12)">
    276         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    277         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    278       </g>
    279     </svg></g>
    280     <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8 35)">OUT</text>
    281   </g>
    282 
    283   
    284   
    285   
    286   
    287 </svg>