Test2-lowcontrast-pp.svg (19748B)
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 73 74 text { 75 fill: #b3b3b3; 76 } 77 78 polyline { 79 stroke: #b3b3b3; 80 } 81 path { 82 stroke: #b3b3b3; 83 } 84 85 rect.module-background, .background-fill { 86 fill: #333; 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: #b3b3b3; 100 } 101 rect.output-background, rect.output-background-filler { 102 fill: #888; 103 } 104 text.input-label { 105 fill: #666; 106 } 107 polyline.input-label, path.input-label { 108 stroke: #666; 109 } 110 text.output-label { 111 fill: #ccc; 112 } 113 polyline.output-label, path.output-label { 114 stroke: #ccc; 115 } 116 117 circle.port-rim { 118 stroke: #ccc; 119 } 120 circle.port-barrel { 121 stroke: #222; 122 fill: #222; 123 } 124 circle.knob-center { 125 fill: #bbb; 126 } 127 circle.knob-rim { 128 fill: #555; 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="90.0" height="380.0"/> 141 142 143 <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"/> 144 <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"/> 145 <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"/> 146 147 <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(85.0 17)">TEST2</text> 148 <g transform="translate(5.5 374)"> 149 <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text> 150 <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/> 151 </g> 152 153 154 <g transform="translate(0 30)"> 155 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1A</text> 156 <g transform="translate(9.5 8.5)"><svg id="PARAM1A_PARAM"> 157 <g transform="translate(13 13)"> 158 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 159 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 160 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 161 </g> 162 </svg></g> 163 <g transform="translate(0 -1)"> 164 <g transform="translate(22.5 22.5)"> 165 <g transform="rotate(-240) translate(15 0)"> 166 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 167 </g> 168 <g transform="rotate(-210) translate(15 0)"> 169 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 170 </g> 171 <g transform="rotate(-180) translate(15 0)"> 172 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 173 </g> 174 <g transform="rotate(-150) translate(15 0)"> 175 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 176 </g> 177 <g transform="rotate(-120) translate(15 0)"> 178 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 179 </g> 180 <g transform="rotate(-90) translate(15 0)"> 181 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 182 </g> 183 <g transform="rotate(-60) translate(15 0)"> 184 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 185 </g> 186 <g transform="rotate(-30) translate(15 0)"> 187 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 188 </g> 189 <g transform="rotate(0) translate(15 0)"> 190 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 191 </g> 192 <g transform="rotate(30) translate(15 0)"> 193 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 194 </g> 195 <g transform="rotate(60) translate(15 0)"> 196 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 197 </g> 198 </g> 199 </g> 200 </g> 201 <g transform="translate(0 75)"> 202 <g class="io-group" transform="translate(5.5 0)"> 203 <rect class="input-background" width="34" height="38" rx="5"/> 204 <g transform="translate(5 3)"><svg id="CV1A_INPUT"> 205 <g transform="translate(12 12)"> 206 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 207 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 208 </g> 209 </svg></g> 210 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 211 </g> 212 </g> 213 214 <g transform="translate(0 130)"> 215 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2A</text> 216 <g transform="translate(9.5 8.5)"><svg id="PARAM2A_PARAM"> 217 <g transform="translate(13 13)"> 218 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 219 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 220 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 221 </g> 222 </svg></g> 223 <g transform="translate(0 -1)"> 224 <g transform="translate(22.5 22.5)"> 225 <g transform="rotate(-240) translate(15 0)"> 226 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 227 </g> 228 <g transform="rotate(-210) translate(15 0)"> 229 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 230 </g> 231 <g transform="rotate(-180) translate(15 0)"> 232 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 233 </g> 234 <g transform="rotate(-150) translate(15 0)"> 235 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 236 </g> 237 <g transform="rotate(-120) translate(15 0)"> 238 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 239 </g> 240 <g transform="rotate(-90) translate(15 0)"> 241 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 242 </g> 243 <g transform="rotate(-60) translate(15 0)"> 244 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 245 </g> 246 <g transform="rotate(-30) translate(15 0)"> 247 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 248 </g> 249 <g transform="rotate(0) translate(15 0)"> 250 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 251 </g> 252 <g transform="rotate(30) translate(15 0)"> 253 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 254 </g> 255 <g transform="rotate(60) translate(15 0)"> 256 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 257 </g> 258 </g> 259 </g> 260 </g> 261 <g transform="translate(0 175)"> 262 <g class="io-group" transform="translate(5.5 0)"> 263 <rect class="input-background" width="34" height="38" rx="5"/> 264 <g transform="translate(5 3)"><svg id="CV2A_INPUT"> 265 <g transform="translate(12 12)"> 266 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 267 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 268 </g> 269 </svg></g> 270 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 271 </g> 272 </g> 273 274 <g transform="translate(0 230)"> 275 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3A</text> 276 <g transform="translate(9.5 8.5)"><svg id="PARAM3A_PARAM"> 277 <g transform="translate(13 13)"> 278 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 279 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 280 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 281 </g> 282 </svg></g> 283 <g transform="translate(0 -1)"> 284 <g transform="translate(22.5 22.5)"> 285 <g transform="rotate(-240) translate(15 0)"> 286 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 287 </g> 288 <g transform="rotate(-210) translate(15 0)"> 289 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 290 </g> 291 <g transform="rotate(-180) translate(15 0)"> 292 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 293 </g> 294 <g transform="rotate(-150) translate(15 0)"> 295 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 296 </g> 297 <g transform="rotate(-120) translate(15 0)"> 298 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 299 </g> 300 <g transform="rotate(-90) translate(15 0)"> 301 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 302 </g> 303 <g transform="rotate(-60) translate(15 0)"> 304 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 305 </g> 306 <g transform="rotate(-30) translate(15 0)"> 307 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 308 </g> 309 <g transform="rotate(0) translate(15 0)"> 310 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 311 </g> 312 <g transform="rotate(30) translate(15 0)"> 313 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 314 </g> 315 <g transform="rotate(60) translate(15 0)"> 316 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 317 </g> 318 </g> 319 </g> 320 </g> 321 <g transform="translate(0 275)"> 322 <g class="io-group" transform="translate(5.5 0)"> 323 <rect class="input-background" width="34" height="38" rx="5"/> 324 <g transform="translate(5 3)"><svg id="CV3A_INPUT"> 325 <g transform="translate(12 12)"> 326 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 327 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 328 </g> 329 </svg></g> 330 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 331 </g> 332 </g> 333 334 <g transform="translate(45 30)"> 335 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P1B</text> 336 <g transform="translate(9.5 8.5)"><svg id="PARAM1B_PARAM"> 337 <g transform="translate(13 13)"> 338 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 339 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 340 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 341 </g> 342 </svg></g> 343 <g transform="translate(0 -1)"> 344 <g transform="translate(22.5 22.5)"> 345 <g transform="rotate(-240) translate(15 0)"> 346 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 347 </g> 348 <g transform="rotate(-210) translate(15 0)"> 349 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 350 </g> 351 <g transform="rotate(-180) translate(15 0)"> 352 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 353 </g> 354 <g transform="rotate(-150) translate(15 0)"> 355 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 356 </g> 357 <g transform="rotate(-120) translate(15 0)"> 358 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 359 </g> 360 <g transform="rotate(-90) translate(15 0)"> 361 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 362 </g> 363 <g transform="rotate(-60) translate(15 0)"> 364 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 365 </g> 366 <g transform="rotate(-30) translate(15 0)"> 367 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 368 </g> 369 <g transform="rotate(0) translate(15 0)"> 370 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 371 </g> 372 <g transform="rotate(30) translate(15 0)"> 373 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 374 </g> 375 <g transform="rotate(60) translate(15 0)"> 376 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 377 </g> 378 </g> 379 </g> 380 </g> 381 <g transform="translate(45 75)"> 382 <g class="io-group" transform="translate(5.5 0)"> 383 <rect class="input-background" width="34" height="38" rx="5"/> 384 <g transform="translate(5 3)"><svg id="CV1B_INPUT"> 385 <g transform="translate(12 12)"> 386 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 387 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 388 </g> 389 </svg></g> 390 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 391 </g> 392 </g> 393 394 <g transform="translate(45 130)"> 395 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P2B</text> 396 <g transform="translate(9.5 8.5)"><svg id="PARAM2B_PARAM"> 397 <g transform="translate(13 13)"> 398 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 399 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 400 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 401 </g> 402 </svg></g> 403 <g transform="translate(0 -1)"> 404 <g transform="translate(22.5 22.5)"> 405 <g transform="rotate(-240) translate(15 0)"> 406 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 407 </g> 408 <g transform="rotate(-210) translate(15 0)"> 409 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 410 </g> 411 <g transform="rotate(-180) translate(15 0)"> 412 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 413 </g> 414 <g transform="rotate(-150) translate(15 0)"> 415 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 416 </g> 417 <g transform="rotate(-120) translate(15 0)"> 418 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 419 </g> 420 <g transform="rotate(-90) translate(15 0)"> 421 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 422 </g> 423 <g transform="rotate(-60) translate(15 0)"> 424 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 425 </g> 426 <g transform="rotate(-30) translate(15 0)"> 427 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 428 </g> 429 <g transform="rotate(0) translate(15 0)"> 430 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 431 </g> 432 <g transform="rotate(30) translate(15 0)"> 433 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 434 </g> 435 <g transform="rotate(60) translate(15 0)"> 436 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 437 </g> 438 </g> 439 </g> 440 </g> 441 <g transform="translate(45 175)"> 442 <g class="io-group" transform="translate(5.5 0)"> 443 <rect class="input-background" width="34" height="38" rx="5"/> 444 <g transform="translate(5 3)"><svg id="CV2B_INPUT"> 445 <g transform="translate(12 12)"> 446 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 447 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 448 </g> 449 </svg></g> 450 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 451 </g> 452 </g> 453 454 <g transform="translate(45 230)"> 455 <text font-size="6pt" letter-spacing="2px" transform="translate(5.5 0)">P3B</text> 456 <g transform="translate(9.5 8.5)"><svg id="PARAM3B_PARAM"> 457 <g transform="translate(13 13)"> 458 <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/> 459 <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/> 460 <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/> 461 </g> 462 </svg></g> 463 <g transform="translate(0 -1)"> 464 <g transform="translate(22.5 22.5)"> 465 <g transform="rotate(-240) translate(15 0)"> 466 <text font-size="5.0pt" transform="translate(3 0) rotate(240) translate(-2.2 2.2)">0</text> 467 </g> 468 <g transform="rotate(-210) translate(15 0)"> 469 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 470 </g> 471 <g transform="rotate(-180) translate(15 0)"> 472 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 473 </g> 474 <g transform="rotate(-150) translate(15 0)"> 475 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 476 </g> 477 <g transform="rotate(-120) translate(15 0)"> 478 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 479 </g> 480 <g transform="rotate(-90) translate(15 0)"> 481 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 482 </g> 483 <g transform="rotate(-60) translate(15 0)"> 484 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 485 </g> 486 <g transform="rotate(-30) translate(15 0)"> 487 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 488 </g> 489 <g transform="rotate(0) translate(15 0)"> 490 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 491 </g> 492 <g transform="rotate(30) translate(15 0)"> 493 <polyline points="0,0 2.5,0" stroke-width="0.7"/> 494 </g> 495 <g transform="rotate(60) translate(15 0)"> 496 <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-4 2.2)">10</text> 497 </g> 498 </g> 499 </g> 500 </g> 501 <g transform="translate(45 275)"> 502 <g class="io-group" transform="translate(5.5 0)"> 503 <rect class="input-background" width="34" height="38" rx="5"/> 504 <g transform="translate(5 3)"><svg id="CV3B_INPUT"> 505 <g transform="translate(12 12)"> 506 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 507 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 508 </g> 509 </svg></g> 510 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">CV</text> 511 </g> 512 </g> 513 514 <g transform="translate(5.5 320)"> 515 <g class="io-group" transform="translate(0 0)"> 516 <rect class="input-background" width="34" height="38" rx="5"/> 517 <g transform="translate(5 3)"><svg id="IN_INPUT"> 518 <g transform="translate(12 12)"> 519 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/> 520 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/> 521 </g> 522 </svg></g> 523 <text class="input-label" font-size="5pt" letter-spacing="2px" transform="translate(12.5 35)">IN</text> 524 </g> 525 <g class="io-group" transform="translate(45 0)"> 526 <rect class="output-background" width="34" height="38" rx="5"/> 527 <g transform="translate(5 3)"><svg id="OUT_OUTPUT"> 528 <g transform="translate(12 12)"> 529 <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/> 530 <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/> 531 </g> 532 </svg></g> 533 <text class="output-label" font-size="5pt" letter-spacing="2px" transform="translate(8.3 35)">OUT</text> 534 </g> 535 </g> 536 </svg>