BogaudioModules

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

RGate-pp.svg (9701B)


      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="75.0" height="380.0" viewBox="0 0 75.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 polyline.guide {
     21   stroke: #0f0;
     22 }
     23 path {
     24   stroke: #333;
     25 }
     26 
     27 rect.module-background, .background-fill {
     28   fill: #ddd;
     29 }
     30 polyline.module-border-inner {
     31   stroke: #e4e4e4;
     32 }
     33 polyline.module-border-middle {
     34   stroke: #ebebeb;
     35 }
     36 polyline.module-border-outer {
     37   stroke: #f2f2f2;
     38 }
     39 
     40 g.io-group {
     41 }
     42 rect.input-background, rect.input-background-filler {
     43   fill: #fafafa;
     44 }
     45 rect.output-background, rect.output-background-filler {
     46   fill: #bbb;
     47 }
     48 text.input-label, text.output-label {
     49   /* font-size: 6pt; */
     50 }
     51 polyline.input-label, polyline.output-label {
     52 }
     53 path.input-label, path.output-label {
     54 }
     55 
     56 circle.port-rim {
     57   stroke: #f0f0f0;
     58 }
     59 circle.port-barrel {
     60   stroke: #222;
     61   fill: #222;
     62 }
     63 circle.knob-center {
     64    fill: #eee;
     65 }
     66 circle.knob-rim {
     67    fill: #333;
     68 }
     69 circle.knob-tick {
     70   fill: #fff;
     71 }
     72 polyline.knob-tick {
     73   stroke: #fff;
     74 }
     75 </style>
     76 
     77   <defs>
     78     <symbol id="dial-length-rgate" viewBox="0 0 75.0px 75.0px">
     79       <g transform="translate(37.5 37.5)">
     80         <text font-size="7pt" transform="rotate(-240) translate(26 0) rotate(240) translate(-2 3)">0</text>
     81         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/>
     82         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/>
     83         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/>
     84         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/>
     85         <polyline points="0,0 5,0" stroke-width="1.5" transform="rotate(-90) translate(22 0)"/>
     86         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/>
     87         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/>
     88         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/>
     89         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/>
     90         <polyline points="0,0 5,0" stroke-width="1.5" transform="rotate(60) translate(22 0)"/>
     91       </g>
     92     </symbol>
     93 
     94     <symbol id="dial-clock-rgate" viewBox="0 0 75.0px 75.0px">
     95       <g transform="translate(37.5 37.5)">
     96         <text font-size="7pt" text-anchor="middle" transform="rotate(-240) translate(20 0) rotate(240.0) translate(0 3)">1</text>
     97         <text font-size="7pt" text-anchor="middle" transform="rotate(-202.20355269907728) translate(19 0) rotate(202.20355269907728) translate(0 3)">2</text>
     98         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-174.5346329292023) translate(16 0)"/>
     99         <text font-size="7pt" text-anchor="middle" transform="rotate(-140.0) translate(20 0) rotate(140.0) translate(0 3)">8</text>
    100         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-114.64336589439827) translate(16 0)"/>
    101         <text font-size="7pt" text-anchor="middle" transform="rotate(-93.61498905772001) translate(20 0) rotate(93.61498905772001) translate(0 3)">16</text>
    102         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(-58.73460656500686) translate(16 0)"/>
    103         <text font-size="7pt" text-anchor="middle" transform="rotate(-29.558287676339546) translate(21 0) rotate(29.558287676339546) translate(0 3)">32</text>
    104         <polyline points="0,0 3.5,0" stroke-width="0.7" transform="rotate(19.119387817386496) translate(16 0)"/>
    105         <text font-size="7pt" text-anchor="middle" transform="rotate(60) translate(20 0) rotate(-60) translate(0 3)">64</text>
    106       </g>
    107     </symbol>
    108   </defs>
    109 
    110   
    111       
    112       <rect class="module-background background-fill" width="75.0" height="380.0"/>
    113     
    114       
    115       <polyline class="module-border-inner" points="1,1 74.0,1 74.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    116       <polyline class="module-border-middle" points="0.5,0.5 74.5,0.5 74.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    117       <polyline class="module-border-outer" points="0,0 75.0,0 75.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    118     
    119       <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(72.0 17)">RGATE</text>
    120       <g transform="translate(25 374)">
    121         <text class="brand" font-size="6.5pt" letter-spacing="2px">BGA</text>
    122         <rect class="background-fill" width="2" height="2" fill="#ddd" transform="translate(11.5 -4)"/>
    123       </g>
    124     
    125 
    126   <g transform="translate(0 35)">
    127     <text font-size="8pt" letter-spacing="1.5px" text-anchor="middle" transform="translate(37.5 0)">LENGTH</text>
    128     <g transform="translate(18.5 13)"><svg id="LENGTH_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     <use xlink:href="#dial-length-rgate" transform="translate(0 -5.5)" href="#dial-length-rgate"/>
    136   </g>
    137 
    138   <g transform="translate(0 114)">
    139     <text font-size="8pt" letter-spacing="1.2px" text-anchor="middle" transform="translate(37.5 0)">CLK DIV</text>
    140     <g transform="translate(24.5 15)"><svg id="CLOCK_DIVIDE_PARAM">
    141       <g transform="translate(13 13)">
    142         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    143         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    144         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    145       </g>
    146     </svg></g>
    147     <use xlink:href="#dial-clock-rgate" transform="translate(0 -9.5)" href="#dial-clock-rgate"/>
    148   </g>
    149 
    150   <g transform="translate(0 185)">
    151     <text font-size="8pt" letter-spacing="1.2px" text-anchor="middle" transform="translate(37.5 0)">CLK MUL</text>
    152     <g transform="translate(24.5 15)"><svg id="CLOCK_MULTIPLY_PARAM">
    153       <g transform="translate(13 13)">
    154         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    155         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    156         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    157       </g>
    158     </svg></g>
    159     <use xlink:href="#dial-clock-rgate" transform="translate(0 -9.5)" href="#dial-clock-rgate"/>
    160   </g>
    161 
    162   <g class="io-group" transform="translate(0 248)">
    163     <rect class="input-background" width="64" height="112" rx="5" transform="translate(5.5 0)"/>
    164     <g transform="translate(10.5 3)"><svg id="LENGTH_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     <text class="input-label" font-size="5pt" letter-spacing="2px" text-anchor="middle" transform="translate(22.5 35)">LEN</text>
    171     <g transform="translate(40.5 3)"><svg id="CLOCK_DIVIDE_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" text-anchor="middle" transform="translate(52.5 35)">DIV</text>
    178     <g transform="translate(10.5 40)"><svg id="RESET_INPUT">
    179       <g transform="translate(12 12)">
    180         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    181         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    182       </g>
    183     </svg></g>
    184     <text class="input-label" font-size="5pt" letter-spacing="2px" text-anchor="middle" transform="translate(22.5 72)">RESET</text>
    185     <g transform="translate(40.5 40)"><svg id="CLOCK_MULTIPLE_INPUT">
    186       <g transform="translate(12 12)">
    187         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    188         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    189       </g>
    190     </svg></g>
    191     <text class="input-label" font-size="5pt" letter-spacing="2px" text-anchor="middle" transform="translate(52.5 72)">MUL</text>
    192     <g transform="translate(10.5 77)"><svg id="CLOCK_INPUT">
    193       <g transform="translate(12 12)">
    194         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    195         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    196       </g>
    197     </svg></g>
    198     <text class="input-label" font-size="5pt" letter-spacing="1px" text-anchor="middle" transform="translate(22.5 109)">CLOCK</text>
    199     <g transform="translate(30 72)">
    200       <rect class="output-background" width="32" height="38" rx="5" transform="translate(7.5 2)"/>
    201       <rect class="output-background-filler" width="32" height="10" transform="translate(7.5 2)"/>
    202       <rect class="output-background-filler" width="10" height="10" transform="translate(7.5 30)"/>
    203       <g transform="translate(10.5 5)"><svg id="GATE_OUTPUT">
    204       <g transform="translate(12 12)">
    205         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    206         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    207       </g>
    208     </svg></g>
    209       <text class="output-label" font-size="5pt" letter-spacing="2px" text-anchor="middle" transform="translate(22.5 37)">GATE</text>
    210     </g>
    211   </g>
    212 </svg>