VCVRack
/
Rack
mirror of https://github.com/VCVRack/Rack.git
1
0
Fork 0
Code Issues 0 Releases 43 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1347 Commits
4 Branches
540MB
Tree: 5b7b40e992
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '5b7b40e992'
${ noResults }
Rack/plugins/community/repos/Bogaudio/res-src/Walk2-src.svg

240 lines
13KB
Raw Blame History 

  1. <svg

  2.   version="1.1"

  3.   xmlns="http://www.w3.org/2000/svg"

  4.   xmlns:xlink="http://www.w3.org/1999/xlink"

  5.   width="210"

  6.   height="380"

  7.   viewBox="0 0 210 380"

  8. >

  9.   <style>

  10.     text {

  11.       fill: #333;

  12.       font-family: 'Roboto', sans-serif;

  13.       font-weight: bold;

  14.     }

  15.     text.title {

  16.       font-family: 'Comfortaa', sans-serif;

  17.       font-weight: normal;

  18.     }

  19.     text.brand {

  20.       font-family: 'Audiowide', sans-serif;

  21.       font-weight: bold;

  22.     }

  23.   </style>

  24. 

  25.   <defs>

  26.     <symbol id="display" viewBox="0 0 190px 190px">

  27.       <rect cx="0" cy="0" width="190" height="190" fill="#222" />

  28.     </symbol>

  29. 

  30.     <symbol id="knob-medium" viewBox="0 0 45px 45px">

  31.       <g transform="translate(22.5 22.5)">

  32.         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />

  33.         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />

  34.         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none" />

  35.       </g>

  36.     </symbol>

  37. 

  38.     <symbol id="knob-smallest" viewBox="0 0 16px 16px">

  39.       <g transform="translate(8 8)">

  40.         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />

  41.         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />

  42.         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none" />

  43.       </g>

  44.     </symbol>

  45. 

  46.     <symbol id="knobguide-change" viewBox="0 0 45px 45px">

  47.       <g transform="translate(22.5 22.5)">

  48.         <polyline points="0,0 4,0" stroke-width="1.0" stroke="#333" transform="rotate(-240) translate(17 0)" />

  49.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(17 0)" />

  50.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(17 0)" />

  51.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(17 0)" />

  52.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(17 0)" />

  53.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(17 0)" />

  54.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(17 0)" />

  55.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(17 0)" />

  56.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(17 0)" />

  57.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(17 0)" />

  58.         <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(60) translate(17 0)" />

  59.       </g>

  60.     </symbol>

  61. 

  62.     <symbol id="knobguide-centertick" viewBox="0 0 40px 40px">

  63.       <g transform="translate(20 20)">

  64.         <g transform="rotate(-90) translate(10 0)">

  65.           <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />

  66.         </g>

  67.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(20)" />

  68.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />

  69.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-20)" />

  70.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />

  71.       </g>

  72.     </symbol>

  73. 

  74.     <symbol id="knobguide-maxtick" viewBox="0 0 40px 40px">

  75.       <g transform="translate(20 20)">

  76.         <g transform="rotate(60) translate(10 0)">

  77.           <polyline points="0,0 4,0" stroke-width="1" stroke="#333" />

  78.         </g>

  79.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />

  80.         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(43)" />

  81.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(0)" />

  82.         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke="#333" stroke-width="0.5" stroke-linecap="round" fill="none" transform="rotate(-43)" />

  83.       </g>

  84.     </symbol>

  85. 

  86.     <symbol id="input" viewBox="0 0 24px 24px">

  87.       <g transform="translate(12 12)">

  88.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />

  89.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />

  90.       </g>

  91.     </symbol>

  92. 

  93.     <symbol id="output" viewBox="0 0 24px 24px">

  94.       <g transform="translate(12 12)">

  95.         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />

  96.         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />

  97.       </g>

  98.     </symbol>

  99. 

  100.     <symbol id="button-small" viewBox="0 0 9px 9px">

  101.       <g transform="translate(4.5 4.5)">

  102.         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00" />

  103.       </g>

  104.     </symbol>

  105. 

  106.     <symbol id="light-small" viewBox="0 0 6.4px 6.4px">

  107.       <rect width="6.4" height="6.4" fill="#0f0" />

  108.     </symbol>

  109.   </defs>

  110. 

  111.   <rect width="100%" height="100%" fill="#ddd" />

  112.   <polyline points="1,1 209,1 209,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />

  113.   <polyline points="0.5,0.5 209.5,0.5 209.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />

  114.   <polyline points="0,0 210,0 210,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />

  115. 

  116.   <!-- <rect width="70" height="20" fill="#0f0" transform="translate(0 0)" /> -->

  117.   <!-- <rect width="70" height="20" fill="#0f0" transform="translate(140 0)" /> -->

  118.   <!-- <rect width="65" height="20" fill="#0f0" transform="translate(0 360)" /> -->

  119.   <!-- <rect width="65" height="20" fill="#0f0" transform="translate(145 360)" /> -->

  120.   <text class="title" x="69" y="19" font-size="12pt" letter-spacing="4px">WALK2</text>

  121.   <g transform="translate(65 374)">

  122.     <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>

  123.     <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />

  124.   </g>

  125. 

  126.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->

  127.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(54.5 0)" /> -->

  128.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(105 0)" /> -->

  129.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(154.5 0)" /> -->

  130.   <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(200 0)" /> -->

  131.   <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 259)" /> -->

  132.   <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 254.5)" /> -->

  133.   <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 296)" /> -->

  134.   <!-- <polyline points="0,0 210,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 320.5)" /> -->

  135. 

  136.   <g transform="translate(10 25)">

  137.     <use id="DISPLAY_WIDGET" xlink:href="#display" />

  138.   </g>

  139. 

  140.   <g transform="translate(0 227)">

  141.     <g transform="translate(6 0)">

  142.       <text font-size="8pt" transform="translate(45 0)">X</text>

  143.       <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(13 -4)" />

  144.       <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(53 -4)" />

  145.     </g>

  146.     <g transform="translate(111 0)">

  147.       <text font-size="8pt" transform="translate(40 0)">Y</text>

  148.       <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(8 -4)" />

  149.       <polyline points="0,0 30,0" stroke="#333" stroke-width="1" fill="none" transform="translate(48 -4)" />

  150.     </g>

  151.   </g>

  152. 

  153.   <g transform="translate(12 235)">

  154.     <g transform="translate(-2 0)">

  155.       <text font-size="7pt" letter-spacing="1.5px" transform="translate(9 33.5) rotate(270)">RATE</text>

  156.       <use id="RATE_X_PARAM" xlink:href="#knob-medium" transform="translate(10 -3)" />

  157.     </g>

  158.     <use xlink:href="#knobguide-change" transform="translate(8 -3)" />

  159.   </g>

  160. 

  161.   <g transform="translate(145.5 235)">

  162.     <g transform="translate(-2 0)">

  163.       <text font-size="7pt" letter-spacing="1.5px" transform="translate(47 5) rotate(90)">RATE</text>

  164.       <use id="RATE_Y_PARAM" xlink:href="#knob-medium" transform="translate(0 -3)" />

  165.     </g>

  166.     <use xlink:href="#knobguide-change" transform="translate(-2 -3)" />

  167.   </g>

  168. 

  169.   <g transform="translate(105 234)">

  170.     <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">OFF</text>

  171. 

  172.     <use id="OFFSET_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)" />

  173.     <use xlink:href="#knobguide-centertick" transform="translate(-42 -12)" />

  174. 

  175.     <use id="OFFSET_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)" />

  176.     <use xlink:href="#knobguide-centertick" transform="translate(2 -12)" />

  177.   </g>

  178. 

  179.   <g transform="translate(105 262.5)">

  180.     <text font-size="7pt" letter-spacing="2px" transform="translate(3.3 17) rotate(270)">SCL</text>

  181. 

  182.     <use id="SCALE_X_PARAM" xlink:href="#knob-smallest" transform="translate(-30 0)" />

  183.     <use xlink:href="#knobguide-maxtick" transform="translate(-42 -12)" />

  184. 

  185.     <use id="SCALE_Y_PARAM" xlink:href="#knob-smallest" transform="translate(14 0)" />

  186.     <use xlink:href="#knobguide-maxtick" transform="translate(2 -12)" />

  187.   </g>

  188. 

  189.   <g transform="translate(0 292)">

  190.     <g transform="translate(72 0)">

  191.       <use id="TRACK_X_PARAM" xlink:href="#button-small" transform="translate(22 -1.3)" />

  192.       <use id="TRACK_X_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />

  193.       <text font-size="5pt" letter-spacing="0.5px" transform="translate(7.3 5.5)">TRK</text>

  194.     </g>

  195.     <g transform="translate(109 0)">

  196.       <use id="TRACK_Y_PARAM" xlink:href="#button-small" transform="translate(22 -1.3)" />

  197.       <use id="TRACK_Y_LIGHT" xlink:href="#light-small" transform="translate(0 0)" />

  198.       <text font-size="5pt" letter-spacing="0.5px" transform="translate(7.3 5.5)">TRK</text>

  199.     </g>

  200.   </g>

  201. 

  202.   <g transform="translate(7 281)">

  203.     <rect width="61" height="79" rx="5" fill="#fafafa" />

  204.     <rect width="22" height="79" rx="5" fill="#bbb" transform="translate(40)" />

  205.     <rect width="20" height="79" fill="#bbb" transform="translate(31)" />

  206.     <use id="HOLD_X_INPUT" xlink:href="#input" transform="translate(3.5 3)" />

  207.     <use id="HOLD_X_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />

  208.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(2 36)">GATE</text>

  209.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">HOLD</text>

  210.     <use id="RATE_X_INPUT" xlink:href="#input" transform="translate(3.5 42)" />

  211.     <use id="OUT_X_OUTPUT" xlink:href="#output" transform="translate(34.5 42)" />

  212.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text>

  213.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text>

  214.   </g>

  215. 

  216.   <g transform="translate(142 281)">

  217.     <rect width="61" height="79" rx="5" fill="#fafafa" />

  218.     <rect width="22" height="79" rx="5" fill="#bbb" transform="translate(40)" />

  219.     <rect width="20" height="79" fill="#bbb" transform="translate(31)" />

  220.     <use id="HOLD_Y_INPUT" xlink:href="#input" transform="translate(3.5 3)" />

  221.     <use id="HOLD_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />

  222.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(2 36)">GATE</text>

  223.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">HOLD</text>

  224.     <use id="RATE_Y_INPUT" xlink:href="#input" transform="translate(3.5 42)" />

  225.     <use id="OUT_Y_OUTPUT" xlink:href="#output" transform="translate(34.5 42)" />

  226.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(3.5 75)">RATE</text>

  227.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(37 75)">OUT</text>

  228.   </g>

  229. 

  230.   <g transform="translate(74.5 310)">

  231.     <rect width="61" height="40" rx="5" fill="#fafafa" />

  232.     <rect width="22" height="40" rx="5" fill="#bbb" transform="translate(40)" />

  233.     <rect width="20" height="40" fill="#bbb" transform="translate(31)" />

  234.     <use id="JUMP_INPUT" xlink:href="#input" transform="translate(3.5 3)" />

  235.     <use id="DISTANCE_OUTPUT" xlink:href="#output" transform="translate(34.5 3)" />

  236.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(2 36)">JUMP</text>

  237.     <text font-size="6pt" letter-spacing="1.5px" transform="translate(35.5 36)">DIST</text>

  238.   </g>

  239. </svg>