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.

425 lines
26KB

  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="225"
  6. height="380"
  7. viewBox="0 0 225 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. <defs>
  25. <symbol id="knob" viewBox="0 0 38px 38px">
  26. <g transform="translate(19 19)">
  27. <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f" />
  28. <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f" />
  29. <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none" />
  30. </g>
  31. </symbol>
  32. <symbol id="knob-medium" viewBox="0 0 26px 26px">
  33. <g transform="translate(13 13)">
  34. <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f" />
  35. <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f" />
  36. <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none" />
  37. </g>
  38. </symbol>
  39. <symbol id="knobguide-threshold" viewBox="0 0 70px 70px">
  40. <g transform="translate(35 35)">
  41. <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
  42. <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(21 0)" />
  43. <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
  44. <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(21 0)" />
  45. <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
  46. <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-90) translate(21 0)" />
  47. <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
  48. <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(21 0)" />
  49. <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
  50. <polyline points="0,0 3,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(21 0)" />
  51. <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
  52. <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
  53. </g>
  54. </symbol>
  55. <symbol id="knobguide-ratio" viewBox="0 0 70px 70px">
  56. <g transform="translate(35 35)">
  57. <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text>
  58. <text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text>
  59. <text font-size="6.0pt" transform="rotate(-149.70) translate(25 0) rotate(149.70) translate(-9 2.5)">1.3</text>
  60. <text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text>
  61. <text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text>
  62. <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
  63. <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text>
  64. <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text>
  65. <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#8734;</text>
  66. </g>
  67. </symbol>
  68. <symbol id="knobguide-attack" viewBox="0 0 45px 45px">
  69. <g transform="translate(22.5 22.5)">
  70. <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
  71. <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)" />
  72. <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text>
  73. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)" />
  74. <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text>
  75. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)" />
  76. <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text>
  77. <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text>
  78. </g>
  79. </symbol>
  80. <symbol id="knobguide-release" viewBox="0 0 45px 45px">
  81. <g transform="translate(22.5 22.5)">
  82. <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
  83. <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-172.92) translate(15 0)" />
  84. <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text>
  85. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-75.68) translate(15 0)" />
  86. <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text>
  87. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(19.81) translate(15 0)" />
  88. <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text>
  89. <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text>
  90. </g>
  91. </symbol>
  92. <symbol id="knobguide-outputgain" viewBox="0 0 45px 45px">
  93. <g transform="translate(22.5 22.5)">
  94. <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
  95. <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)" />
  96. <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text>
  97. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)" />
  98. <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text>
  99. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)" />
  100. <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text>
  101. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)" />
  102. <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text>
  103. <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
  104. </g>
  105. </symbol>
  106. <symbol id="knobguide-inputgain" viewBox="0 0 45px 45px">
  107. <g transform="translate(22.5 22.5)">
  108. <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text>
  109. <polyline points="0,0 1.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-202.5) translate(15 0)" />
  110. <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text>
  111. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-127.5) translate(15 0)" />
  112. <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text>
  113. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-52.5) translate(15 0)" />
  114. <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text>
  115. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(22.5) translate(15 0)" />
  116. <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text>
  117. <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
  118. </g>
  119. </symbol>
  120. <symbol id="knobguide-detectormix" viewBox="0 0 45px 45px">
  121. <g transform="translate(22.5 22.5)">
  122. <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text>
  123. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-210) translate(15 0)" />
  124. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-180) translate(15 0)" />
  125. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-150) translate(15 0)" />
  126. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-120) translate(15 0)" />
  127. <polyline points="0,0 3.5,0" stroke-width="1" stroke="#333" transform="rotate(-90) translate(15 0)" />
  128. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-60) translate(15 0)" />
  129. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(-30) translate(15 0)" />
  130. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(0) translate(15 0)" />
  131. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" transform="rotate(30) translate(15 0)" />
  132. <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text>
  133. </g>
  134. </symbol>
  135. <symbol id="knobguide-attenuverter" viewBox="0 0 45px 45px">
  136. <g transform="translate(22.5 22.5)">
  137. <g transform="rotate(-240) translate(15 0)">
  138. <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
  139. </g>
  140. <g transform="rotate(-210) translate(15 0)">
  141. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  142. </g>
  143. <g transform="rotate(-180) translate(15 0)">
  144. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  145. </g>
  146. <g transform="rotate(-150) translate(15 0)">
  147. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  148. </g>
  149. <g transform="rotate(-120) translate(15 0)">
  150. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  151. </g>
  152. <g transform="rotate(-90) translate(15 0)">
  153. <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
  154. </g>
  155. <g transform="rotate(-60) translate(15 0)">
  156. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  157. </g>
  158. <g transform="rotate(-30) translate(15 0)">
  159. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  160. </g>
  161. <g transform="rotate(0) translate(15 0)">
  162. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  163. </g>
  164. <g transform="rotate(30) translate(15 0)">
  165. <polyline points="0,0 2.5,0" stroke-width="0.3" stroke="#333" />
  166. </g>
  167. <g transform="rotate(60) translate(15 0)">
  168. <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
  169. </g>
  170. </g>
  171. </symbol>
  172. <symbol id="compression" viewBox="0 0 11px 75px">
  173. <!-- <rect width="11" height="75" x="0" y="0" rx="0" fill="#ccc" /> -->
  174. <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)" />
  175. <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)" />
  176. <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)" />
  177. <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)" />
  178. <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)" />
  179. </symbol>
  180. <symbol id="guide-compression" viewBox="0 0 20px 95px">
  181. <g transform="translate(0 10)">
  182. <g transform="translate(0 0)">
  183. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  184. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-5.5 2.2)">30+</text>
  185. </g>
  186. <g transform="translate(0 15)">
  187. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  188. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">24</text>
  189. </g>
  190. <g transform="translate(0 30)">
  191. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  192. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">18</text>
  193. </g>
  194. <g transform="translate(0 45)">
  195. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  196. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12</text>
  197. </g>
  198. <g transform="translate(0 60)">
  199. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  200. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text>
  201. </g>
  202. <g transform="translate(0 75)">
  203. <polyline points="0,0 3,0" stroke="#333" fill="none" transform="translate(11 0)" />
  204. <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text>
  205. </g>
  206. </g>
  207. </symbol>
  208. <symbol id="switch" viewBox="0 0 14px 24px">
  209. <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd" />
  210. <rect width="14px" height="12px" stroke-width="0" fill="#000" />
  211. </symbol>
  212. <symbol id="input" viewBox="0 0 24px 24px">
  213. <g transform="translate(12 12)">
  214. <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0" />
  215. <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none" />
  216. </g>
  217. </symbol>
  218. <symbol id="output" viewBox="0 0 24px 24px">
  219. <g transform="translate(12 12)">
  220. <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00" />
  221. <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none" />
  222. </g>
  223. </symbol>
  224. </defs>
  225. <rect width="100%" height="100%" fill="#ddd" />
  226. <polyline points="1,1 224,1 224,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
  227. <polyline points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
  228. <polyline points="0,0 225,0 225,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
  229. <!-- <rect width="60" height="20" fill="#0f0" transform="translate(0 0)" /> -->
  230. <!-- <rect width="60" height="20" fill="#0f0" transform="translate(165 0)" /> -->
  231. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(10 0)" /> -->
  232. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(215 0)" /> -->
  233. <!-- <rect width="12" height="100" fill="#00f3" transform="translate(85 20)" /> -->
  234. <!-- <rect width="12" height="100" fill="#00f3" transform="translate(174 20)" /> -->
  235. <!-- <rect width="225" height="3" fill="#0f03" transform="translate(0 20)" /> -->
  236. <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 23)" /> -->
  237. <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 91)" /> -->
  238. <!-- <rect width="225" height="50" fill="#f003" transform="translate(0 163)" /> -->
  239. <!-- <rect width="225" height="30" fill="#f003" transform="translate(0 239)" /> -->
  240. <text class="title" x="61" y="19" font-size="12pt" letter-spacing="4px">PRESSOR</text>
  241. <g transform="translate(72.5 374)">
  242. <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
  243. <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
  244. </g>
  245. <g transform="translate(13 53)">
  246. <!-- <polyline points="0,19 268,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
  247. <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> -->
  248. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -1)" /> -->
  249. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 19)" /> -->
  250. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 39)" /> -->
  251. <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text>
  252. <use id="THRESHOLD_PARAM" xlink:href="#knob" transform="translate(23 0)" />
  253. <use xlink:href="#knobguide-threshold" transform="translate(7 -16)" />
  254. </g>
  255. <g transform="translate(102 53)">
  256. <!-- <polyline points="0,19 68,19" stroke="#0f0" stroke-width="1" fill="none" /> -->
  257. <!-- <polyline points="42,-20 42,250" stroke="#0f0" stroke-width="1" fill="none" /> -->
  258. <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text>
  259. <use id="RATIO_PARAM" xlink:href="#knob" transform="translate(23 0)" />
  260. <use xlink:href="#knobguide-ratio" transform="translate(7 -16)" />
  261. </g>
  262. <g transform="translate(207 35)">
  263. <text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text>
  264. <use id="COMPRESSION_WIDGET" xlink:href="#compression" transform="translate(0 -1)" />
  265. <use xlink:href="#guide-compression" transform="translate(-13 -11)" />
  266. </g>
  267. <g transform="translate(10 141)">
  268. <g transform="translate(13 0)">
  269. <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> -->
  270. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
  271. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -7)" /> -->
  272. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> -->
  273. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> -->
  274. <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text>
  275. <use id="ATTACK_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
  276. </g>
  277. <use xlink:href="#knobguide-attack" transform="translate(21.5 -9.5)" />
  278. <g transform="translate(102 0)">
  279. <!-- <rect width="51" height="10" fill="#f003" transform="translate(8 -15)" /> -->
  280. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
  281. <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text>
  282. <use id="RELEASE_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
  283. </g>
  284. <use xlink:href="#knobguide-release" transform="translate(111.5 -9.5)" />
  285. </g>
  286. <g transform="translate(10 213)">
  287. <g transform="translate(-1 0)">
  288. <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->
  289. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
  290. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 -7)" /> -->
  291. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 13)" /> -->
  292. <!-- <polyline points="0,0 270,0" stroke="#0f0" stroke-width="1" fill="none" transform="translate(0 33)" /> -->
  293. <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text>
  294. <use id="INPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
  295. </g>
  296. <use xlink:href="#knobguide-inputgain" transform="translate(8.5 -9.5)" />
  297. <g transform="translate(60 0)">
  298. <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->
  299. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
  300. <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text>
  301. <use id="OUTPUT_GAIN_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
  302. </g>
  303. <use xlink:href="#knobguide-outputgain" transform="translate(69.5 -9.5)" />
  304. <g transform="translate(121 0)">
  305. <!-- <rect width="47" height="10" fill="#f003" transform="translate(8 -15)" /> -->
  306. <!-- <polyline points="0,0 0,380" stroke="#0f0" stroke-width="1" fill="none" transform="translate(29 -100)" /> -->
  307. <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text>
  308. <use id="DETECTOR_MIX_PARAM" xlink:href="#knob-medium" transform="translate(19 0)" />
  309. </g>
  310. <use xlink:href="#knobguide-detectormix" transform="translate(130.5 -9.5)" />
  311. </g>
  312. <g transform="translate(199 128)">
  313. <g transform="translate(0 0)">
  314. <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
  315. <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 25.5) rotate(270)">MODE</text>
  316. <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">COMP</text>
  317. <use id="MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
  318. <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text>
  319. </g>
  320. <g transform="translate(0 49)">
  321. <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
  322. <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 30) rotate(270)">DETECT</text>
  323. <text font-size="5pt" letter-spacing="2px" transform="translate(-2 -1)">RMS</text>
  324. <use id="DECTECTOR_MODE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
  325. <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text>
  326. </g>
  327. <g transform="translate(0 98)">
  328. <!-- <rect width="5" height="24" fill="#0f0" transform="translate(-14 2)" /> -->
  329. <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
  330. <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
  331. <use id="KNEE_PARAM" xlink:href="#switch" transform="translate(0 2)" />
  332. <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
  333. </g>
  334. </g>
  335. <g transform="translate(0 269)">
  336. <rect width="205" height="91" rx="5" fill="#bbb" transform="translate(10 0)" />
  337. <rect width="137" height="91" rx="5" fill="#fafafa" transform="translate(10 0)" />
  338. <rect width="171" height="47" rx="5" fill="#fafafa" transform="translate(10 44)" />
  339. <rect width="10" height="10" fill="#fafafa" transform="translate(137 0)" />
  340. <rect width="10" height="10" fill="#fafafa" transform="translate(171 81)" />
  341. <g transform="translate(10 0)">
  342. <g transform="translate(3 0)">
  343. <use id="LEFT_INPUT" xlink:href="#input" transform="translate(3 5)" />
  344. <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
  345. </g>
  346. <g transform="translate(37 0)">
  347. <use id="SIDECHAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
  348. <text font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text>
  349. </g>
  350. <g transform="translate(71 0)">
  351. <use id="THRESHOLD_INPUT" xlink:href="#input" transform="translate(3 5)" />
  352. <text font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text>
  353. </g>
  354. <g transform="translate(105 0)">
  355. <use id="RATIO_INPUT" xlink:href="#input" transform="translate(3 5)" />
  356. <text font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text>
  357. </g>
  358. <g transform="translate(139 0)">
  359. <use id="ENVELOPE_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
  360. <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text>
  361. </g>
  362. <g transform="translate(173 0)">
  363. <use id="LEFT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
  364. <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
  365. </g>
  366. </g>
  367. <g transform="translate(10 44)">
  368. <g transform="translate(3 0)">
  369. <use id="RIGHT_INPUT" xlink:href="#input" transform="translate(3 5)" />
  370. <text font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text>
  371. </g>
  372. <g transform="translate(37 0)">
  373. <use id="ATTACK_INPUT" xlink:href="#input" transform="translate(3 5)" />
  374. <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text>
  375. </g>
  376. <g transform="translate(71 0)">
  377. <use id="RELEASE_INPUT" xlink:href="#input" transform="translate(3 5)" />
  378. <text font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text>
  379. </g>
  380. <g transform="translate(105 0)">
  381. <use id="INPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
  382. <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text>
  383. </g>
  384. <g transform="translate(139 0)">
  385. <use id="OUTPUT_GAIN_INPUT" xlink:href="#input" transform="translate(3 5)" />
  386. <text font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text>
  387. </g>
  388. <g transform="translate(173 0)">
  389. <use id="RIGHT_OUTPUT" xlink:href="#output" transform="translate(3 5)" />
  390. <text font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text>
  391. </g>
  392. </g>
  393. </g>
  394. </svg>