BogaudioModules

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

Assign-dark-pp.svg (7730B)


      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   
    139       
    140       <rect class="module-background background-fill" width="45.0" height="380.0"/>
    141     
    142       
    143       <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"/>
    144       <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"/>
    145       <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"/>
    146     
    147       <g transform="rotate(-90) translate(-376.0 13)">
    148         <text class="title" font-size="7pt" letter-spacing="2.5px">ASSIGN</text>
    149         <g transform="translate(0 12)">
    150           <text class="brand" font-size="7pt" letter-spacing="2px">BGA</text>
    151           <rect class="background-fill" width="3.0" height="3" fill="#ddd" transform="translate(11.5 -5)"/>
    152         </g>
    153       </g>
    154     
    155 
    156   <g transform="translate(0 25)">
    157     <text font-size="6pt" letter-spacing="2.0px" transform="translate(8 0)">CHAN</text>
    158     <g transform="translate(9.5 9)"><svg id="CHANNELS_PARAM">
    159       <g transform="translate(13 13)">
    160         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    161         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    162         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    163       </g>
    164     </svg></g>
    165     <g transform="translate(0 -1)">
    166       <g transform="translate(22.5 22.5)">
    167         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">1</text>
    168         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-220) translate(15 0)"/>
    169         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-200) translate(15 0)"/>
    170 
    171         <text font-size="5.0pt" transform="rotate(-180) translate(17 0) rotate(180) translate(-2 2.2)">4</text>
    172         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-160) translate(15 0)"/>
    173         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-140) translate(15 0)"/>
    174         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    175 
    176         <text font-size="5.0pt" transform="rotate(-100) translate(17 0) rotate(100) translate(-1.9 2.5)">8</text>
    177         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-80) translate(15 0)"/>
    178         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    179         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-40) translate(15 0)"/>
    180 
    181         <text font-size="5.0pt" transform="rotate(-20) translate(17 0) rotate(20) translate(-3 2.4)">12</text>
    182         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    183         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(20) translate(15 0)"/>
    184         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(40) translate(15 0)"/>
    185 
    186         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">16</text>
    187       </g>
    188     </g>
    189   </g>
    190 
    191   <g transform="translate(0 75)">
    192     <g class="io-group" transform="translate(5.5 0)">
    193       <rect class="input-background-filler" width="34" height="10" transform="translate(0 98)"/>
    194       <rect class="input-background" width="34" height="105" rx="5"/>
    195       <g transform="translate(5 3)"><svg id="PITCH_INPUT">
    196       <g transform="translate(12 12)">
    197         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    198         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    199       </g>
    200     </svg></g>
    201       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 35)">V/OCT</text>
    202       <g transform="translate(5 38)"><svg id="GATE_INPUT">
    203       <g transform="translate(12 12)">
    204         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    205         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    206       </g>
    207     </svg></g>
    208       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 70)">GATE</text>
    209       <g transform="translate(5 73)"><svg id="RESET_INPUT">
    210       <g transform="translate(12 12)">
    211         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    212         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    213       </g>
    214     </svg></g>
    215       <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(3 105)">RESET</text>
    216     </g>
    217     <g class="io-group" transform="translate(5.5 111)">
    218       <rect class="output-background-filler" width="34" height="10" transform="translate(0 -3)"/>
    219       <rect class="output-background" width="34" height="70" rx="5"/>
    220       <g transform="translate(5 0)"><svg id="PITCH_OUTPUT">
    221       <g transform="translate(12 12)">
    222         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    223         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    224       </g>
    225     </svg></g>
    226       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(3 32)">V/OCT</text>
    227       <g transform="translate(5 35)"><svg id="GATE_OUTPUT">
    228       <g transform="translate(12 12)">
    229         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    230         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    231       </g>
    232     </svg></g>
    233       <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(5.5 67)">GATE</text>
    234     </g>
    235   </g>
    236 </svg>